<html>
<head>
    <title>用户协议及隐私政策</title>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <style>
        html, body {
            margin: 0;
            padding: 0
        }

        h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, input, textarea, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            font-style: normal;
            font-size: 100%;
            line-height: 1;
            font-family: inherit
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        ol, ul {
            list-style: none
        }

        q:before, q:after, blockquote:before, blockquote:after {
            content: ""
        }

        html {
            font-size: 100%;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

        a:focus {
            outline: thin dotted
        }

        article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
            display: block
        }

        audio, canvas, video {
            display: inline-block
        }

        audio:not([controls]) {
            display: none
        }

        sub, sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sup {
            top: -0.5em
        }

        sub {
            bottom: -0.25em
        }

        img {
            border: 0;
            -ms-interpolation-mode: bicubic
        }

        nav, section, aside, article, figure, header, footer, hgroup {
            display: block;
            clear: both
        }

        a {
            text-decoration: none
        }

        nav ul, footer ul {
            list-style-type: none
        }

        html {
            font-size: 14px;
            line-height: 1
        }

        input::-webkit-input-placeholder {
            color: #c0c4c8
        }
    </style>

    <link rel="preconnect" media="screen" href="https://fonts.googleapis.com" crossorigin="true">
    <link rel="preload" media="screen"
          href="https://static-fonts-css.sxlcdn.com/css?family=Playfair+Display:400,700,400italic,700italic|Vollkorn:400,400italic|Open+Sans:300,regular,500,600,700,800,300italic,italic,500italic,600italic,700italic,800italic&amp;subset=latin,latin-ext"
          as="style">
    <link rel="stylesheet" media="all"
          href="https://static-fonts-css.sxlcdn.com/css?family=Playfair+Display:400,700,400italic,700italic|Vollkorn:400,400italic|Open+Sans:300,regular,500,600,700,800,300italic,italic,500italic,600italic,700italic,800italic&amp;subset=latin,latin-ext"
          as="style" onload="this.media='all'">
    <link rel="preload stylesheet" media="screen"
          href="https://static-assets.sxlcdn.com/themes/minimal/main_v4.758c5683308317f264f3.bundle.css" as="style"
          type="text/css" onload="if(media!=='screen')media='screen'">
<!--    <link defer="true" href="https://static-assets.sxlcdn.com/images/favicon-sxl.ico" rel="shortcut icon"-->
<!--          type="image/x-icon">-->
    <meta content="用户协议及隐私政策" property="og:title">
    <meta content="https://app-privacy.mysxl.cn/" property="og:url">
    <meta content="https://static-assets.sxlcdn.com/images/fb_images/default-sxl.jpg" property="og:image">
    <meta content="用户协议及隐私政策" property="og:site_name">
    <meta property="og:description">
    <meta content="用户协议及隐私政策" itemprop="name">
    <meta itemprop="description">
    <meta content="https://static-assets.sxlcdn.com/images/fb_images/default-sxl.jpg" itemprop="image">
    <meta content="summary_large_image" name="twitter:card">
    <meta content="用户协议及隐私政策" name="twitter:title">
    <meta content="" name="twitter:description">
    <meta content="https://static-assets.sxlcdn.com/images/fb_images/default-sxl.jpg" name="twitter:image">
    <meta name="description">
    <meta name="keywords">
    <meta name="strikingly-host-suffix" content="sxl.cn">
    <meta name="support-helper" content="{&quot;permalink&quot;:&quot;app-privacy&quot;,&quot;id&quot;:11725817}">
    <link rel="canonical" href="https://app-privacy.mysxl.cn/">
    <script type="text/javascript" async="" src="http://d26b395fwzu5fz.cloudfront.net/2.1.2/keen.min.js"></script>
    <script async="" src="//www.google-analytics.com/analytics.js"></script>
    <script>
        var _strk = _strk || []
        _strk.push = function (arg1, arg2) {
            var _arrayPush = Array.prototype.push.bind(this)
            if (typeof arg1 === 'string' && typeof arg2 === 'function') {
                // Support _strk.push(event, fn) for better UX
                _arrayPush([arg1, arg2])
            } else {
                _arrayPush.apply(this, arguments)
            }
        }
        window.runAfterDomBinding = {
            add: function (name, fn) {
                _strk.push(['Page.didMount', fn])
            }
        }
    </script>


    <!-- CUSTOM_CODE_START -->
    <!-- CUSTOM_CODE_END -->

    <meta name="asset-url" content="https://static-assets.sxlcdn.com">
    <script>
        (function () {
            window.$B || (window.$B = {});

        }).call(this);
    </script>
    <script src="https://static-assets.sxlcdn.com/detectIE-c385c24313ef0e9e4e7a1e131bf5e59f0fbd468f9f9ef44fd6739ae84ef0c0a4.js"
            async="async"></script>

    <style type="text/css" data-emotion=""></style>
    <style>.stripe-form .header {
        padding: 20px 30px;
        color: #a9aeb2;
        background: #EBEDEF;
        font-weight: bold;
        font-size: 14px;
        border-bottom: 1px solid #ddd;
    }

    .stripe-form .header .close {
        float: right;
        font-size: 30px;
        font-weight: normal;
        position: relative;
        top: -9px;
        cursor: pointer;
    }

    .stripe-form .form-body {
        padding: 30px;
    }

    .stripe-form .form-body .title {
        margin-bottom: 20px;
    }

    .stripe-form .form-body .s-form-field input,
    .stripe-form .form-body .s-form-field .s-btn {
        width: 100%;
        box-sizing: border-box;
    }

    .stripe-form .form-body .s-form-field .entypo-mail {
        position: absolute;
        left: 8px;
        top: 9px;
        font-size: 24px;
        color: #c6c9cd;
    }

    .stripe-form .form-body .s-form-field input {
        font-size: 16px;
        padding: 6px 8px;
        padding-left: 40px;
    }

    .stripe-form .form-body .s-form-field .s-btn {
        margin-top: 25px;
        font-size: 18px;
        text-transform: none;
        padding: 11px 15px;
    }

    .stripe-form .error-message {
        color: #E64751;
        margin-top: 10px;
        line-height: 1.2;
    }

    .stripe-form .card-element {
        border: 1px solid #c6c9cd;
        padding: 6px 8px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        height: 28px;
        display: flex;
        align-items: center;
    }

    .stripe-form .card-element.error {
        border: 1px solid #E64751;
    }

    .stripe-form .card-element .__PrivateStripeElement {
        width: 100%;
    }
    </style>
    <style>.square-form .header {
        padding: 20px 30px;
        color: #a9aeb2;
        font-size: 14px;
        font-weight: bold;
        background: #EBEDEF;
        border-bottom: 1px solid #ddd;
    }

    .square-form .header .close {
        float: right;
        font-size: 30px;
        cursor: pointer;
        position: relative;
        top: -12px;
    }

    .square-form .form-body {
        padding: 30px;
    }

    .square-form .form-body .title {
        margin-bottom: 20px;
    }

    .square-form .form-body .s-form-field input,
    .square-form .form-body .s-btn {
        width: 100%;
        box-sizing: border-box;
    }

    .square-form .form-body .s-btn {
        text-align: center;
    }

    .square-form .form-body .s-form-field {
        margin-bottom: 25px;
    }

    .square-form .form-body .s-form-field input {
        font-size: 16px;
        padding: 6px 8px;
        padding-left: 40px;
    }

    .square-form .form-body .s-form-field .entypo-mail {
        position: absolute;
        left: 16px;
        top: 3px;
        font-size: 28px;
        color: #c6c9cd;
    }

    .square-form .form-body .loading-icon {
        margin-right: 6px;
    }

    .square-form .form-body .square-card-container {
        position: relative;
    }

    .square-form .form-body .square-card-container.more-space {
        margin-bottom: 20px;
    }

    .square-form .form-body .square-card-container .error-message {
        position: absolute;
        bottom: 14px;
    }

    .square-form .form-body .square-card-container .error-message.more-space {
        bottom: 0;
    }

    .square-form .form-body .square-card-container .sq-card-message {
        position: relative;
        z-index: 100;
        background-color: white;
    }

    .square-form .form-body .square-card-container .spinner-container {
        text-align: center;
        margin-bottom: 20px;
    }

    .square-form .error-message {
        margin-top: 8px;
        line-height: 1.2;
        color: #cc0023;
    }

    #google-pay-button {
        overflow: hidden;
    }

    #google-pay-button .gpay-card-info-container {
        height: 48px;
        top: 2px;
    }

    #google-pay-button .gpay-card-info-animated-progress-bar-container {
        top: -4px;
    }

    #apple-pay-button {
        height: 48px;
        width: 100%;
        position: relative;
        top: 3px;
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
        -apple-pay-button-type: plain;
        -apple-pay-button-style: black;
    }

    @media screen and (max-width: 1000px) {
        #google-pay-button,
        #apple-pay-button {
            margin-bottom: 10px;
        }

        #google-pay-button .gpay-card-info-container,
        #apple-pay-button .gpay-card-info-container {
            width: 100%;
        }
    }
    </style>
    <style>.empty-cart-dialog-wrapper {
        background: transparent;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-body {
        padding: 0;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-content {
        height: 100%;
        width: 400px;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-close {
        top: 20px;
        right: 20px;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-close .s-kit-modal-close-x {
        font-size: 32px;
        font-weight: 300;
    }

    .empty-cart-dialog-wrapper .empty-cart-container {
        text-align: center;
        margin: 0 auto;
    }

    .empty-cart-dialog-wrapper .empty-cart-container .label {
        margin-top: 50px;
        color: #2E2E2F;
        font-size: 20px;
        font-weight: bold;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .empty-cart-dialog-wrapper .empty-cart-container .continue-btn {
        width: 240px;
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 4px;
        margin: 20px 0 50px 0;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    @media screen and (max-width: 560px) {
        .empty-cart-dialog-wrapper .s-kit-modal-content {
            width: 90%;
            margin: 0 auto;
        }

        .empty-cart-dialog-wrapper .empty-cart-container .label {
            font-size: 18px;
        }

        .empty-cart-dialog-wrapper .empty-cart-container .continue-btn {
            width: 200px;
            font-size: 14px;
        }
    }
    </style>
    <style>.WeChat-qr-code-dialog-wrapper {
        background: transparent;
    }

    .WeChat-qr-code-container {
        width: 560px;
        margin: 0 auto;
    }

    .WeChat-qr-code-container .title {
        margin-bottom: 16px;
        font-size: 16px;
        font-weight: 700;
        color: #525A61;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .WeChat-qr-code-container .qr-code-panel {
        text-align: center;
        padding: 50px 0;
    }

    .WeChat-qr-code-container .qr-code-panel canvas {
        width: 180px;
        height: 180px;
        padding: 20px;
        border: 1px solid #EBEDEF;
    }

    .WeChat-qr-code-container .qr-code-panel .price {
        width: 200px;
        margin: -6px auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        font-size: 18px;
        font-weight: 700;
        border-top: none;
        border-radius: 0 0 4px 4px;
        border: 1px solid #EBEDEF;
    }

    .WeChat-qr-code-container .qr-code-panel .WeChat-icon {
        height: 20px;
        margin-right: 5px;
    }

    .WeChat-qr-code-container .payment-hint {
        color: #636972;
        line-height: 1.5;
        text-align: center;
        margin-bottom: 20px;
    }

    .WeChat-qr-code-container .payment-hint.mobile {
        display: none;
    }

    .WeChat-qr-code-container .save-btn {
        display: none;
    }

    @media screen and (max-width: 727px) {
        .WeChat-qr-code-dialog-wrapper {
            overflow: unset;
        }

        .WeChat-qr-code-dialog-wrapper .s-kit-modal-body {
            max-height: 100%;
            padding: 30px 20px;
        }

        .WeChat-qr-code-dialog-wrapper .s-kit-modal-close {
            top: 20px;
            right: 20px;
        }

        .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container {
            width: 100%;
        }

        .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container .payment-hint.mobile {
            display: block;
        }

        .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container .payment-hint.desktop {
            display: none;
        }

        .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container .save-btn {
            display: block;
            height: 36px;
            padding: 0;
            font-size: 16px;
            margin-top: 30px;
            line-height: 36px;
            border-radius: 4px;
            text-align: center;
        }

        .WeChat-qr-code-dialog-wrapper .s-kit-modal-content {
            height: 100vh;
        }
    }
    </style>
    <style>.cart-item-wrapper {
        margin-bottom: 20px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .cart-item-wrapper .product-info {
        display: flex;
        align-content: center;
    }

    .cart-item-wrapper .product-info .image {
        width: 130px;
        height: 130px;
        border-radius: 4px;
        margin-right: 20px;
        background-size: cover;
        background-position: center;
    }

    .cart-item-wrapper .info-content {
        flex: 1;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .cart-item-wrapper .info-content .name {
        font-weight: 700;
        font-size: 14px;
        line-height: 1.5;
        color: #4b5056;
    }

    .cart-item-wrapper .info-content .specification-item {
        display: flex;
        align-items: center;
        margin-top: 5px;
        font-size: 14px;
        color: #a9aeb2;
    }

    .cart-item-wrapper .info-content .split-line {
        margin: 0 6px;
    }

    .cart-item-wrapper .info-content .quantity-panel {
        display: flex;
        margin-top: 15px;
        align-items: center;
    }

    .cart-item-wrapper .info-content .operation-item {
        border-radius: 2px;
        color: #4b5056;
        display: inline-flex;
        font-size: 18px;
        background-color: #F4F6F8;
    }

    .cart-item-wrapper .info-content .operation-item .minus-icon,
    .cart-item-wrapper .info-content .operation-item .plus-icon,
    .cart-item-wrapper .info-content .operation-item .delete-icon {
        height: 30px;
        width: 30px;
        cursor: pointer;
        font-weight: 400;
        line-height: 30px;
        text-align: center;
    }

    .cart-item-wrapper .info-content .operation-item .quantity-input {
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0;
        font-size: 15px;
        border-radius: 0;
        text-align: center;
        background-color: #F4F6F8;
    }

    .cart-item-wrapper .info-content .operation-item .quantity-input:focus {
        outline: none;
    }

    .cart-item-wrapper .info-content .error-message {
        color: #FB7D2B;
        line-height: 1.2;
        margin-left: 10px;
    }

    .cart-item-wrapper .product-price {
        font-weight: bold;
        font-size: 16px;
        color: #4b5056;
    }
    </style>
    <style>.coupon-panel {
        font-size: 14px;
        color: #4b5056;
    }

    .coupon-panel .guide-item {
        display: flex;
        align-items: center;
    }

    .coupon-panel .guide-item .icon {
        width: 20px;
        margin-right: 4px;
    }

    .coupon-panel .guide-item .label {
        cursor: pointer;
        text-decoration: underline;
    }

    .coupon-panel .redemption-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .coupon-panel .redemption-item .coupon-input {
        width: 100%;
        height: 42px;
        margin-right: 10px;
    }

    .coupon-panel .redemption-item .apply-btn {
        margin: 0;
        padding: 0;
        height: 42px;
        width: 100px;
        font-size: 16px;
        line-height: 42px;
        border-radius: 4px;
        text-align: center;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .coupon-panel .redemption-item .apply-btn .fa-spinner {
        color: #fff;
    }

    .coupon-panel .coupon-info {
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #4b5056;
    }

    .coupon-panel .coupon-info .icon {
        width: 22px;
    }

    .coupon-panel .coupon-info .discount {
        margin: 0 4px 0 8px;
    }

    .coupon-panel .coupon-info .delete-coupon {
        cursor: pointer;
        font-size: 23px;
        color: #a9aeb2;
    }
    </style>
    <style>.fee-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        line-height: 1.2;
        margin-top: 6px;
        color: #4b5056;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .fee-item .name,
    .fee-item .amount {
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .fee-item .value {
        margin-left: 6px;
        font-weight: 700;
    }

    .fee-item .label {
        margin-left: 6px;
    }
    </style>
    <style>@font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.2bf5f4d8928806f7c91c290b5814aff9.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.70c7d99488f7e8cf27634e9c58bf6217.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.44a3e64aa120d1b7964f10be29ad878b.svg#BrandonGrotesqueBoldRegular) format('svg');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.64088d528192c8fce171860f56a14a9f.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.04206b825348a69ee85b523c1e67a70f.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.348bd0ea620c7861d0c3ac028ba911ed.svg#BrandonGrotesqueRegularRg) format('svg');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.90829ddb7531a53c1dcd670d545999d2.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.2c18926b679dfb8abff6fc13c2b8beeb.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.518c0c41a5141b2e59732f43d9b70575.svg#BrandonGrotesqueLight) format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.43b22b68b4b50438a8c9d5ed49507204.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.b2cf0cf708268a04055c5d8545d811a4.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.785c578a01a0d60f61ad665fe481306d.svg#BrandonGrotesqueMedium) format('svg');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.2e90d5152ce92858b62ba053c7b9d2cb.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.76cc6be5d8a231dc012fef4bdb86f79c.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.93349923b5274a36ac93cb3168d09123.svg#open_sansbold) format('svg');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.7657144ec477cd61ac4a5d1af3fa2d28.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.b6690626036a7d6824632769305b1978.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.2b4eeeaef53b3496a5cdf82803666ed7.svg#open_sansbold_italic) format('svg');
        font-weight: 700;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.f42641eed834f7b97a9499362c6c8855.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.de7ef31e6295902347c5c3643b2d82da.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.5b774c25787e0a52c013463c9e3c4219.svg#open_sansitalic) format('svg');
        font-weight: 400;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.45b47f3e9c7d74b80f5c6e0a3c513b23.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.2e98fc3ce85f31f63010b706259cb604.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.8f04ed9aeb2185499068d84842b95aa1.svg#open_sanslight) format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.b553da506077488bc65289e10841d527.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.1d22953c479914c2f801e08de666b0e8.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.fd6dd5fa10c5a74f0a767eeb695342f1.svg#open_sanslight_italic) format('svg');
        font-weight: 300;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.79515ad0788973c533405f7012dfeccd.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.488d5cc145299ba07b75495100419ee6.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.8185eb3059c46e4169ce107dfcf85950.svg#open_sansregular) format('svg');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.697574b47bcfdd2c45e3e63c7380dd67.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.b32acea6fd3c228b5059042c7ad21c55.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg#open_sanssemibold) format('svg');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.719f7321a8366f4ee609737026432113.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.64f886b232962979e2eaf29d93108286.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70eb93d7ba2ad241180085a9a74b0b95.svg#open_sanssemibold_italic) format('svg');
        font-weight: 600;
        font-style: italic;
    }

    .shopping-cart-wrapper {
        height: 100%;
    }

    .shopping-container .cart-title {
        line-height: 1;
        font-size: 18px;
        font-weight: bold;
        color: #4b5056;
        margin-bottom: 22px;
        padding: 30px 40px 0 40px;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .shopping-container .cart-panel {
        padding-bottom: 40px;
        overflow-y: auto;
    }

    .shopping-container .cart-panel .cart-item-wrapper {
        padding: 0 40px;
    }

    .shopping-footer {
        padding: 20px 0;
        margin: 0 40px;
        background-color: #ffffff;
        border-top: 1px solid #E2E4E7;
    }

    .shopping-footer .price-panel {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .shopping-footer .coupon-panel {
        margin-top: 10px;
    }

    .shopping-footer .coupon-panel .guide-item {
        display: flex;
        justify-content: flex-end;
        font-size: 14px;
        color: #4b5056;
    }

    .shopping-footer .coupon-panel .guide-item .icon {
        width: 20px;
        height: 14px;
    }

    .shopping-footer .coupon-panel .redemption-item {
        justify-content: flex-end;
    }

    .shopping-footer .coupon-panel .redemption-item .s-kit-input {
        width: 240px;
        height: 36px;
    }

    .shopping-footer .coupon-panel .redemption-item .s-common-button {
        width: 80px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    .shopping-footer .coupon-panel .form-field-error {
        margin-top: 10px;
        text-align: right;
        color: #E64751;
    }

    .shopping-footer .fee-detail {
        padding-bottom: 20px;
        margin-bottom: 10px;
        border-bottom: 1px solid #E2E4E7;
    }

    .shopping-footer .fee-detail .fee-item {
        justify-content: flex-end;
        font-weight: bold;
        color: #8D949C;
        font-size: 14px;
    }

    .shopping-footer .fee-detail .fee-item .amount {
        margin-left: 25px;
    }

    .shopping-footer .fee-detail .fee-item.coupon .amount,
    .shopping-footer .fee-detail .fee-item.coupon .coupon-info,
    .shopping-footer .fee-detail .fee-item.coupon .discount {
        font-family: open_sans, Open Sans, sans-serif;
        color: #93b719;
    }

    .shopping-footer .fee-detail .fee-item.coupon .value {
        display: flex;
    }

    .shopping-footer .fee-detail .fee-item.coupon .coupon-info-group {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .shopping-footer .fee-detail .fee-item.coupon .coupon-info-group .remove-coupon {
        font-weight: normal;
        cursor: pointer;
        margin-right: 15px;
    }

    .shopping-footer .fee-detail .fee-item.coupon .coupon-info-group .remove-coupon .s-kit-icon {
        color: #8D949C;
    }

    .shopping-footer .fee-detail .fee-item.coupon .coupon-info-group .coupon-info {
        display: flex;
        align-items: center;
    }

    .shopping-footer .fee-detail .fee-item.coupon .coupon-info-group .coupon-info .icon {
        margin-right: 5px;
        width: 20px;
        height: 14px;
    }

    .shopping-footer .variation-panel {
        width: 200px;
        margin-bottom: 10px;
    }

    .shopping-footer .shopping-guide {
        width: 70%;
    }

    .shopping-footer .shopping-guide .shipping-icon {
        margin-top: 2px;
        margin-right: 4px;
    }

    .shopping-footer .shopping-guide .free-shipping {
        display: flex;
        color: #8D949C;
        align-items: center;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .shopping-footer .error-message {
        width: 90%;
        color: #E64751;
        margin-top: 6px;
    }

    .shopping-footer .price-info {
        display: flex;
        align-items: center;
    }

    .shopping-footer .price-info .label {
        font-weight: bold;
        margin-right: 16px;
        color: #4b5056;
        text-transform: uppercase;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .shopping-footer .price-info .currency {
        margin-right: 8px;
    }

    .shopping-footer .price-info .amount {
        font-size: 16px;
        color: #2E2E2F;
        font-weight: bold;
    }

    .shopping-footer .terms-checkbox {
        color: #4b5056;
        margin-top: 6px;
    }

    .shopping-footer .terms-checkbox .s-kit-checkbox-wrapper,
    .shopping-footer .terms-checkbox .legal-text {
        display: flex;
        word-break: break-word;
        align-items: flex-start;
    }

    .shopping-footer .terms-checkbox .s-kit-checkbox {
        vertical-align: bottom;
    }

    .shopping-footer .terms-checkbox a span {
        color: #636972;
        text-decoration: underline;
        font-family: 'open_sans', 'Open Sans', sans-serif;
    }

    .shopping-footer .terms-checkbox a span:lang(ja) {
        font-family: 'open_sans', 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .shopping-footer .terms-checkbox a span:lang(zh-cn),
    .shopping-footer .terms-checkbox a span:lang(zh),
    .shopping-footer .terms-checkbox a span:lang(sxl) {
        font-family: 'open_sans', 'Open Sans', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .shopping-footer .terms-checkbox a span:lang(zh-tw) {
        font-family: 'open_sans', 'Open Sans', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .shopping-footer .terms-checkbox .s-common-link {
        color: #1bb0e6;
        margin: 0 4px;
    }

    .shopping-footer .checkout-buttons {
        width: 100%;
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .shopping-footer .checkout-buttons .pay-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        width: 198px;
        cursor: pointer;
        border-radius: 4px;
        margin-right: 12px;
        border: 2px solid #6D48FD;
    }

    .shopping-footer .checkout-buttons .square-payment-btn {
        margin-right: 20px;
    }

    .shopping-footer .checkout-buttons .checkout-btn {
        height: 20px;
        width: 202px;
        margin: 0;
        max-width: 100%;
        padding: 14px 0;
        cursor: pointer;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
        border-radius: 4px;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .shopping-footer .checkout-buttons .checkout-btn .fa-spinner {
        color: inherit;
        margin-right: 6px;
    }

    .shopping-footer .checkout-buttons .checkout-btn.disabled {
        cursor: not-allowed;
        border-color: transparent;
        background-color: #E2E4E7;
    }

    @media screen and (max-width: 800px) {
        .shopping-container .cart-title {
            font-size: 18px;
            padding: 30px 20px 0 20px;
        }

        .shopping-container .cart-panel .cart-item-wrapper {
            padding: 0 20px;
            align-items: flex-start;
        }

        .shopping-container .product-info .image {
            width: 92px;
            height: 92px;
            margin-right: 16px;
        }

        .shopping-container .info-content .name {
            font-size: 14px;
            font-weight: 400;
        }

        .shopping-container .info-content .estimated-delivery {
            margin-top: 0;
        }

        .shopping-container .info-content .quantity-operation {
            margin-top: 5px;
        }

        .shopping-container .info-content .minus-icon,
        .shopping-container .info-content .plus-icon {
            width: 24px;
            height: 24px;
            font-size: 14px;
            line-height: 24px;
        }

        .shopping-container .info-content .quantity-input {
            width: 24px;
            height: 24px;
            font-size: 13px;
        }

        .shopping-container .product-price {
            font-size: 14px;
            font-weight: 400;
        }

        .shopping-footer {
            position: fixed;
            bottom: 0;
            left: 0;
            margin: 0 20px;
            width: -webkit-fill-available;
        }

        .shopping-footer .price-panel {
            display: flex;
            flex-wrap: wrap;
            text-align: start;
            align-items: flex-end;
            justify-content: flex-end;
            flex-direction: column-reverse;
        }

        .shopping-footer .price-panel .price-info {
            justify-content: flex-end;
        }

        .shopping-footer .price-panel .s-kit-checkbox-wrapper {
            display: flex;
            align-items: flex-start;
        }

        .shopping-footer .price-panel .terms-checkbox .legal-text {
            line-height: 1.2;
            display: inline-block;
        }

        .shopping-footer .price-panel .terms-checkbox .legal-text * {
            display: inline;
        }

        .shopping-footer .fee-detail .fee-item .coupon-info .discount {
            max-width: 150px;
            word-break: break-all;
        }

        .shopping-footer .shopping-guide {
            width: 100%;
        }

        .shopping-footer .error-message {
            width: 100%;
            text-align: left;
        }

        .shopping-footer .checkout-buttons {
            flex-wrap: wrap;
        }

        .shopping-footer .checkout-buttons .stripe-payment-btn {
            width: 100%;
            margin-bottom: 10px;
        }

        .shopping-footer .checkout-buttons div,
        .shopping-footer .checkout-buttons .checkout-btn {
            width: 100%;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 1000px) {
        .shopping-footer .checkout-buttons .square-payment-btn {
            margin-right: 0;
        }
    }
    </style>
    <style>.input-field input {
        height: 42px;
        width: 100%;
    }

    .input-field .s-kit-input {
        box-shadow: none;
    }
    </style>
    <style></style>
    <style>.contact-info-panel {
        margin-bottom: 40px;
    }

    .contact-info-panel .contact-form .continue-btn {
        border-radius: 4px;
    }
    </style>
    <style>.shipping-options-panel .shipping-list .title {
        font-size: 14px;
        margin-bottom: 10px;
        color: #4b5056;
    }

    .shipping-options-panel .shipping-list .s-kit-basic-card {
        border-top: 0px;
        border-radius: 0px;
    }

    .shipping-options-panel .shipping-list .s-kit-basic-card:first-child {
        border-top: 1px solid #E2E4E7;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .shipping-options-panel .shipping-list .s-kit-basic-card:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    </style>
    <style>.shipping-info-panel,
    .contact-info-panel {
        margin-bottom: 40px;
    }

    .shipping-info-panel .name-field,
    .contact-info-panel .name-field {
        justify-content: space-between;
    }

    .shipping-info-panel .name-field .input-field,
    .contact-info-panel .name-field .input-field {
        width: 49%;
    }

    .shipping-info-panel .name-field .chinese-name,
    .contact-info-panel .name-field .chinese-name {
        width: 100%;
    }

    .shipping-info-panel .mobile-field,
    .contact-info-panel .mobile-field {
        display: none;
    }

    .shipping-info-panel .province-field,
    .contact-info-panel .province-field {
        justify-content: space-between;
    }

    .shipping-info-panel .province-field .province-select-section,
    .contact-info-panel .province-field .province-select-section {
        width: 32%;
    }

    .shipping-info-panel .province-field .input-field,
    .contact-info-panel .province-field .input-field {
        width: 32%;
    }

    .shipping-info-panel .full-width-zip,
    .contact-info-panel .full-width-zip {
        width: 100%;
    }

    @media screen and (max-width: 980px) {
        .shipping-info-panel .mobile-field {
            display: block;
        }

        .shipping-info-panel .desktop-field .desktop-state {
            display: none;
        }

        .shipping-info-panel .desktop-field .input-field {
            width: 49%;
        }
    }
    </style>
    <style>.product-item-wrapper {
        margin-bottom: 20px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .product-item-wrapper .product-info {
        display: flex;
        align-content: center;
    }

    .product-item-wrapper .product-info .image {
        width: 86px;
        height: 86px;
        border-radius: 4px;
        margin-right: 15px;
        background-size: cover;
        background-position: center;
    }

    .product-item-wrapper .product-content {
        flex: 1;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .product-item-wrapper .product-content .name {
        font-size: 14px;
        line-height: 1.5;
        color: #4b5056;
        max-height: 200px;
        word-break: break-word;
    }

    .product-item-wrapper .product-content .specification-item {
        display: flex;
        align-items: center;
        margin-top: 5px;
        font-size: 14px;
    }

    .product-item-wrapper .product-content .variation-name {
        margin-right: 10px;
        color: #a9aeb2;
    }

    .product-item-wrapper .product-content .estimated-delivery {
        color: #a9aeb2;
    }

    .product-item-wrapper .product-price {
        font-size: 14px;
        color: #4b5056;
    }

    .product-item-wrapper .product-price .quantity {
        text-align: right;
        color: #a9aeb2;
    }
    </style>
    <style>.order-overview-panel {
        overflow-y: hidden;
        padding: 30px 36px;
    }

    .order-overview-panel .overview-container .product-panel {
        overflow-y: auto;
        margin-top: 20px;
    }

    .order-overview-panel .footer {
        padding-top: 20px;
        border-top: 1px solid #E2E4E7;
    }

    .order-overview-panel .fee-detail {
        margin: 14px 0;
    }

    .order-overview-panel .fee-detail .tax-include .name,
    .order-overview-panel .fee-detail .tax-include .amount {
        color: #a9aeb2;
    }

    .order-overview-panel .sub-total {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        padding-top: 16px;
        font-weight: bold;
        color: #4b5056;
        font-family: 'brandon', sans-serif;
        border-top: 1px solid #E2E4E7;
    }

    .order-overview-panel .sub-total .label {
        font-weight: bold;
        text-transform: uppercase;
    }

    .order-overview-panel .sub-total .amount {
        margin-left: 6px;
    }
    </style>
    <style>.payment-method-panel .payment-list {
        margin-bottom: 10px;
    }

    .payment-method-panel .payment-list .payment-item {
        color: #636972;
        padding: 18px 20px;
        border-radius: 4px;
        box-sizing: border-box;
        background-color: #fff;
        border: 1px solid #E2E4E7;
        border-top: 0px;
        border-radius: 0px;
    }

    .payment-method-panel .payment-list .payment-item .row-item {
        display: flex;
        align-items: center;
    }

    .payment-method-panel .payment-list .payment-item.offline .s-kit-radio-wrapper {
        align-items: flex-start;
    }

    .payment-method-panel .payment-list .payment-item:first-child {
        border-top: 1px solid #E2E4E7;
        border-radius: 4px 4px 0px 0px;
    }

    .payment-method-panel .payment-list .payment-item:last-child {
        border-radius: 0px 0px 4px 4px;
    }

    .payment-method-panel .payment-list .s-kit-radio-wrapper,
    .payment-method-panel .payment-list .payment-container {
        display: flex;
        align-items: center;
        width: auto;
        margin-right: 0;
    }

    .payment-method-panel .payment-list .payment-container {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .payment-method-panel .payment-list .payment-container .online-title {
        font-size: 18px;
        font-weight: 600;
    }

    .payment-method-panel .payment-list .payment-container .sub-text {
        margin-left: 0;
    }

    .payment-method-panel .payment-list .title {
        font-size: 16px;
        font-weight: 700;
        margin-right: 6px;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .payment-method-panel .payment-list .sub-text {
        font-size: 14px;
        margin-top: 6px;
        font-weight: 400;
        margin-left: 24px;
    }

    .payment-method-panel .payment-list .logo {
        height: 30px;
        width: auto;
        margin-left: auto;
    }

    .payment-method-panel .payment-list .logo.wechatpay,
    .payment-method-panel .payment-list .logo.pingppWxPubQr {
        height: 26px;
    }

    .payment-method-panel .payment-list .logo.stripeKlarna {
        height: 14px;
    }

    .payment-method-panel .payment-list .logo.stripeAfterpay,
    .payment-method-panel .payment-list .logo.stripeClearpay {
        height: 16px;
    }

    .payment-method-panel .continue-btn .entypo-credit-card {
        color: inherit;
        margin-right: 6px;
    }

    .payment-method-panel .pay-pal-guide-line,
    .payment-method-panel .cancel-warning {
        font-size: 14px;
        margin-bottom: 10px;
        color: #a9aeb2;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .payment-method-panel .pay-pal-guide-line .cancel,
    .payment-method-panel .cancel-warning .cancel {
        color: #1bb0e6;
        margin-left: 6px;
    }

    .payment-method-panel .cancel-warning {
        cursor: pointer;
        margin-top: 20px;
        text-align: center;
    }

    .payment-method-panel .selected-payment-panel .title {
        font-size: 16px;
        font-weight: 700;
        margin-right: 6px;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .payment-method-panel .selected-payment-panel .sub-text {
        font-size: 14px;
        margin-top: 6px;
        font-weight: 400;
        color: #a9aeb2;
    }

    .payment-method-panel .selected-payment-panel .logo {
        height: 30px;
        width: auto;
    }

    @media screen and (max-width: 980px) {
        .payment-method-panel .payment-item .logo.stripe,
        .payment-method-panel .payment-item .logo.paynowCreditCard {
            height: 22px;
        }

        .payment-method-panel .payment-item .payment-container .online-title {
            font-size: 16px;
        }
    }
    </style>
    <style>.contact-info-panel {
        margin-bottom: 40px;
    }

    .contact-info-panel .contact-form .continue-btn {
        border-radius: 4px;
    }
    </style>
    <style>.checkout-payment-wrapper {
        height: 100vh;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .checkout-payment-wrapper .info-item {
        display: flex;
    }

    .checkout-payment-wrapper .info-item .info-text {
        width: 100%;
        word-break: break-word;
    }

    .checkout-payment-wrapper .info-title {
        margin-right: 6px;
        word-break: break-word;
    }

    .checkout-payment-wrapper .info-title,
    .checkout-payment-wrapper .info-text {
        font-size: 14px;
        color: #a9aeb2;
    }

    .checkout-payment-wrapper .form-field {
        margin-bottom: 20px;
    }

    .checkout-payment-wrapper .form-field .Select-control {
        box-shadow: none;
    }

    .checkout-payment-wrapper .field-item {
        display: flex;
        align-items: flex-start;
    }

    .checkout-payment-wrapper .title-panel {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
    }

    .checkout-payment-wrapper .title-panel .edit {
        cursor: pointer;
        margin-left: 12px;
        color: #a9aeb2;
        text-decoration: underline;
    }

    .checkout-payment-wrapper .checkout-title {
        line-height: 1;
        font-size: 18px;
        font-weight: bold;
        color: #4b5056;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .checkout-payment-wrapper .checkout-title.disabled {
        color: #a9aeb2;
        margin-bottom: 20px;
    }

    .checkout-payment-wrapper .checkout-panel {
        overflow-y: auto;
        width: 55%;
        height: 100%;
        padding: 30px;
        box-sizing: border-box;
        background-color: #fff;
    }

    .checkout-payment-wrapper .checkout-panel .notice-message-section {
        margin-bottom: 40px;
        color: #4b5056;
        word-break: break-word;
    }

    .checkout-payment-wrapper .checkout-panel .notice-message-section .title {
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .checkout-payment-wrapper .checkout-panel .notice-message-section .notice-content {
        white-space: break-spaces;
    }

    .checkout-payment-wrapper .checkout-panel .continue-btn {
        width: 100%;
        height: 48px;
        padding: 0;
        font-size: 18px;
        max-width: 100%;
        margin-top: 10px;
        line-height: 48px;
        border-radius: 4px;
        text-align: center;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .checkout-payment-wrapper .checkout-panel .continue-btn .fa-spinner {
        color: inherit;
        font-size: 16px;
        margin-right: 5px;
        vertical-align: revert;
    }

    .checkout-payment-wrapper .overview-panel {
        width: 45%;
        height: 100%;
        box-sizing: border-box;
        background-color: #F4F6F8;
    }

    .checkout-payment-wrapper .form-field-error {
        color: #E64751;
        line-height: 1.2;
        margin-top: 10px;
    }

    @media screen and (max-width: 980px) {
        .checkout-payment-wrapper {
            overflow-y: auto;
            flex-direction: column-reverse;
        }

        .checkout-payment-wrapper .info-item {
            display: block;
        }

        .checkout-payment-wrapper .checkout-panel,
        .checkout-payment-wrapper .overview-panel {
            width: 100%;
            overflow-y: visible;
        }

        .checkout-payment-wrapper .checkout-panel .continue-btn {
            max-width: 100%;
        }

        .checkout-payment-wrapper .order-overview-container {
            padding: 30px 20px 20px 20px;
        }

        .checkout-payment-wrapper .checkout-panel {
            height: initial;
            padding: 30px 20px 20px 20px;
        }
    }
    </style>
    <style>.buyer-checkout-dialog-wrapper {
        background: transparent;
    }

    .buyer-checkout-dialog-wrapper .s-kit-modal-body {
        padding: 0;
    }

    .buyer-checkout-dialog-wrapper .s-kit-modal-content {
        height: 100%;
        width: 800px;
        border-radius: 0;
        min-width: 360px;
        overflow: visible;
        position: relative;
    }

    .buyer-checkout-dialog-wrapper .bigger-modal .s-kit-modal-content {
        width: 980px;
    }

    .buyer-checkout-dialog-wrapper .close-modal-icon {
        position: absolute;
        top: 0px;
        right: 30px;
        z-index: 2600;
        font-size: 36px;
        font-weight: 300;
        cursor: pointer;
    }

    .buyer-checkout-dialog-wrapper .close-modal-icon::before {
        content: "×";
        display: block;
        font-family: "action";
    }

    @media screen and (max-width: 1080px) {
        .s-kit-modal-body {
            overflow: initial;
        }

        .buyer-checkout-dialog .close-modal-icon {
            top: 4px;
            right: 18px;
            color: #2E2E2F;
            font-size: 30px;
        }
    }

    @media screen and (max-width: 1000px) {
        .buyer-checkout-dialog.bigger-modal .s-kit-modal-content,
        .buyer-checkout-dialog .s-kit-modal-content {
            height: 100vh;
            width: 100vw;
        }

        .buyer-checkout-dialog .shopping-footer {
            position: fixed;
            bottom: 0;
            left: 0;
            margin: 0 20px;
            width: -webkit-fill-available;
        }

        .buyer-checkout-dialog .shopping-footer .price-panel {
            display: flex;
            flex-wrap: wrap;
            text-align: start;
            align-items: flex-end;
            justify-content: flex-end;
            flex-direction: column-reverse;
        }

        .buyer-checkout-dialog .shopping-footer .price-panel .price-info {
            justify-content: flex-end;
        }

        .buyer-checkout-dialog .shopping-footer .price-panel .s-kit-checkbox-wrapper {
            display: flex;
            align-items: flex-start;
        }

        .buyer-checkout-dialog .shopping-footer .price-panel .terms-checkbox .legal-text {
            line-height: 1.2;
            display: inline-block;
        }

        .buyer-checkout-dialog .shopping-footer .price-panel .terms-checkbox .legal-text * {
            display: inline;
        }

        .buyer-checkout-dialog .shopping-footer .shopping-guide {
            width: 100%;
        }

        .buyer-checkout-dialog .shopping-footer .error-message {
            width: 100%;
            text-align: left;
        }

        .buyer-checkout-dialog .shopping-footer .checkout-buttons {
            flex-wrap: wrap;
        }

        .buyer-checkout-dialog .shopping-footer .checkout-buttons .stripe-payment-btn {
            width: 100%;
            margin-bottom: 10px;
        }

        .buyer-checkout-dialog .shopping-footer .checkout-buttons div,
        .buyer-checkout-dialog .shopping-footer .checkout-buttons .checkout-btn {
            width: 100%;
            max-width: 100%;
        }
    }

    @media screen and (max-width: 500px) {
        .buyer-checkout-dialog .s-kit-modal-body {
            max-height: 100vh;
        }
    }
    </style>
    <style>.payment-success-dialog-wrapper {
        background: transparent;
    }

    .payment-success-container {
        text-align: center;
    }

    .payment-success-container .icon {
        font-size: 70px;
        color: #93b719;
        margin-bottom: 25px;
    }

    .payment-success-container .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 20px;
        font-family: 'brandon', sans-serif;
    }

    .payment-success-container .success-panel {
        max-width: 340px;
    }

    .payment-success-container .success-panel .message {
        line-height: 1.5;
        font-size: 14px;
        color: #636972;
        margin-bottom: 30px;
        font-family: open_sans, Open Sans, sans-serif;
    }

    .payment-success-container .success-panel .confirm-btn {
        width: 100%;
        height: 36px;
        padding: 0;
        font-size: 16px;
        line-height: 36px;
        border-radius: 4px;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .payment-success-container .success-panel .download-btn {
        height: 44px;
        line-height: 44px;
    }

    .payment-success-container .success-panel .fa-download {
        margin-right: 8px;
    }

    @media screen and (max-width: 727px) {
        .payment-success-dialog-wrapper .payment-success-container .s-kit-modal-content {
            width: 100%;
            height: initial;
            padding: 0;
        }
    }
    </style>
    <style>.square-payment-dialog-wrapper .s-kit-modal-body {
        padding: 0;
        min-width: 560px;
    }

    .square-payment-dialog-wrapper .square-payment-panel .square-form .title {
        font-size: 16px;
        font-weight: 700;
        color: #4b5056;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .square-payment-dialog-wrapper .square-payment-panel .square-form .s-form-field input {
        padding: 12px 8px 12px 60px;
    }

    @media screen and (max-width: 560px) {
        .square-payment-dialog-wrapper .s-kit-modal-body {
            min-width: inherit;
        }
    }
    </style>
    <style>.stripe-payment-dialog-wrapper .s-kit-modal-body {
        padding: 0;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .title {
        font-size: 16px;
        font-weight: 700;
        color: #4b5056;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .s-form-field input {
        padding: 9px 8px 8px 40px;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .entypo-mail {
        top: 3px;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .s-btn {
        text-align: center;
    }
    </style>
    <style>.payment-qr-code-container {
        width: 560px;
        margin: 0 auto;
    }

    .payment-qr-code-container .payment-title {
        margin: 10px 0 30px 0;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        color: #525A61;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .payment-qr-code-container .qr-code-panel {
        text-align: center;
    }

    .payment-qr-code-container .qr-code-panel canvas {
        width: 180px;
        height: 180px;
        padding: 20px;
        border: 1px solid #EBEDEF;
    }

    .payment-qr-code-container .additional-panel {
        width: 100%;
        display: table;
        margin: 0 auto;
        padding-top: 20px;
        text-align: center;
    }

    .payment-qr-code-container .payment-hint {
        padding: 1px 6px;
        font-weight: 300;
        border-radius: 4px;
        color: #60bd38;
        border: 1px solid #60bd38;
    }

    .payment-qr-code-container .payment-hint.alipay {
        color: #00AAD7;
        border: 1px solid #00AAD7;
    }

    .payment-qr-code-container .payment-action {
        color: #52616a;
        font-weight: 300;
        padding: 37px 0 10px 0;
    }

    @media screen and (max-width: 727px) {
        .payment-qr-code-container {
            width: 100%;
        }

        .payment-qr-code-container .payment-title {
            margin-top: 30px;
        }

        .payment-qr-code-dialog-wrapper .s-kit-modal-content {
            height: 100vh;
        }
    }
    </style>
    <style>.ecommerce-legal-dialog-wrapper .s-kit-modal-body {
        padding: 0;
    }

    .ecommerce-legal-dialog-wrapper .s-kit-modal-content {
        height: 100%;
        width: 800px;
        border-radius: 0;
        min-width: 360px;
        overflow: visible;
        position: relative;
    }

    .ecommerce-legal-dialog-wrapper .s-kit-modal-content .s-kit-modal-body {
        height: 100%;
    }

    .ecommerce-legal-dialog-wrapper .legal-container {
        height: 100%;
    }

    .ecommerce-legal-dialog-wrapper .legal-container .legal-title {
        font-size: 20px;
        font-weight: bold;
        color: #4b5056;
        text-align: left;
        padding: 30px 30px 0;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
        margin-bottom: 12px;
    }

    .ecommerce-legal-dialog-wrapper .legal-container .legal-content {
        font-size: 15px;
        color: #636972;
        padding: 0 30px;
        box-sizing: border-box;
        line-height: 1.4;
        white-space: pre-wrap;
        font-family: open_sans, Open Sans, sans-serif;
        height: calc(100% - 50px);
        overflow-y: auto;
        word-wrap: break-word;
        max-height: calc(100vh - 90px);
    }

    .ecommerce-legal-dialog-wrapper .close-modal-icon {
        position: absolute;
        top: 0px;
        right: 30px;
        z-index: 2600;
        font-size: 36px;
        font-weight: 300;
        cursor: pointer;
    }

    .ecommerce-legal-dialog-wrapper .close-modal-icon::before {
        content: "×";
        display: block;
        font-family: "action";
    }

    @media screen and (max-width: 800px) {
        .ecommerce-legal-dialog-wrapper .s-kit-modal-body {
            overflow: initial;
            max-height: none;
        }

        .ecommerce-legal-dialog-wrapper.bigger-modal .s-kit-modal-content,
        .ecommerce-legal-dialog-wrapper .s-kit-modal-content {
            height: 100vh;
            width: 100vw;
        }

        .ecommerce-legal-dialog-wrapper .close-modal-icon {
            top: 4px;
            right: 18px;
            color: #2E2E2F;
            font-size: 30px;
        }
    }
    </style>
    <style>.pay-now-credit-card-dialog-wrapper .s-kit-modal-content {
        width: 460px;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-title {
        display: flex;
        align-items: center;
        font-size: 20px;
        font-weight: bold;
        color: #4b5056;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-title .card-image {
        height: 23px;
        margin-left: 6px;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-form-panel {
        color: #4b5056;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-form-panel .form-row {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel .field-row {
        display: flex;
        align-items: flex-start;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel .s-kit-input {
        width: 80px;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel .split-line {
        font-weight: bold;
        margin: 16px 6px 0 6px;
    }

    .pay-now-credit-card-dialog-wrapper .submit-btn {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .pay-now-credit-card-dialog-wrapper .form-field-error {
        color: #E64751;
        line-height: 1.2;
        margin-top: 6px;
    }

    .pay-now-credit-card-dialog-wrapper .charge-error {
        color: #E64751;
        font-size: 14px;
        margin-top: 6px;
    }

    @media screen and (max-width: 560px) {
        .pay-now-credit-card-dialog-wrapper .s-kit-modal-content {
            width: 100%;
        }

        .pay-now-credit-card-dialog-wrapper .credit-card-title {
            font-size: 16px;
        }

        .pay-now-credit-card-dialog-wrapper .credit-card-title .card-image {
            height: 20px;
        }

        .pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel {
            margin-right: 10px;
        }
    }
    </style>
    <style>.pay-now-bank-card-validation-dialog-wrapper .s-kit-modal-content {
        width: 460px;
        font-size: 14px;
    }

    .pay-now-bank-card-validation-dialog-wrapper .s-kit-modal-content .s-kit-modal-title {
        font-size: 22px;
    }
    </style>
    <style>.shipping-wrapper .field-section {
        margin-bottom: 20px;
    }

    .shipping-wrapper .estimated-section {
        display: flex;
        align-items: center;
        margin-top: 5px;
    }

    .shipping-wrapper .estimated-section .s-kit-label {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .shipping-wrapper .estimated-section .input {
        width: 72px;
        line-height: 1;
        text-align: center;
    }

    .shipping-wrapper .estimated-section .estimated-error {
        font-weight: 400;
        color: #E64751;
        margin-left: 6px;
    }

    .shipping-wrapper .save-btn {
        display: block;
        margin-top: 30px;
    }

    .loading-container {
        text-align: center;
        margin-top: 20vh;
        font-size: 20px;
    }

    .s-variation-default .s-common-button {
        box-shadow: none;
    }

    .s-variation-default .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-default .s-common-button {
        box-shadow: none;
    }

    .s-variation-black .s-common-button {
        box-shadow: none;
    }

    .s-variation-black .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-black .s-common-button {
        box-shadow: none;
    }

    .s-variation-blue .s-common-button {
        box-shadow: none;
    }

    .s-variation-blue .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-blue .s-common-button {
        box-shadow: none;
    }

    .s-variation-green .s-common-button {
        box-shadow: none;
    }

    .s-variation-green .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-green .s-common-button {
        box-shadow: none;
    }

    .s-variation-red .s-common-button {
        box-shadow: none;
    }

    .s-variation-red .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-red .s-common-button {
        box-shadow: none;
    }

    .s-variation-violet .s-common-button {
        box-shadow: none;
    }

    .s-variation-violet .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-variation-violet .s-common-button {
        box-shadow: none;
    }

    .s-custom-colors .s-common-button {
        box-shadow: none;
    }

    .s-custom-colors .s-common-button:hover {
        box-shadow: none;
    }

    .s-bg-dark-text .s-custom-colors .s-common-button {
        box-shadow: none;
    }
    </style>
    <style>.product-filter-container,
    .product-filter-popup {
        width: 225px;
        padding: 0 10px 15px 14px;
    }

    .product-filter-container .editor-item,
    .product-filter-popup .editor-item {
        margin-bottom: 10px;
    }

    .product-filter-container .editor-item .label-panel,
    .product-filter-popup .editor-item .label-panel {
        display: inline-block;
        text-transform: capitalize;
    }

    .product-filter-container .editor-item .label-panel .label,
    .product-filter-popup .editor-item .label-panel .label {
        margin-right: 5px;
    }

    .product-filter-container .editor-item .label-panel .sub-label,
    .product-filter-popup .editor-item .label-panel .sub-label {
        color: #c6c9cd;
        text-transform: capitalize;
    }

    .product-filter-container .top-bar .title,
    .product-filter-popup .top-bar .title,
    .product-filter-container .list .title,
    .product-filter-popup .list .title {
        color: #4b5056;
        font-weight: bold;
    }

    .product-filter-container .top-bar .s-kit-checkbox,
    .product-filter-popup .top-bar .s-kit-checkbox,
    .product-filter-container .list .s-kit-checkbox,
    .product-filter-popup .list .s-kit-checkbox {
        vertical-align: middle;
    }

    .product-filter-container .top-bar .s-kit-checkbox .s-kit-checkbox-input,
    .product-filter-popup .top-bar .s-kit-checkbox .s-kit-checkbox-input,
    .product-filter-container .list .s-kit-checkbox .s-kit-checkbox-input,
    .product-filter-popup .list .s-kit-checkbox .s-kit-checkbox-input {
        vertical-align: text-top;
    }

    .product-filter-container .top-bar,
    .product-filter-popup .top-bar {
        display: flex;
        border-bottom: 1px solid #E2E4E7;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .product-filter-container .top-bar .title,
    .product-filter-popup .top-bar .title {
        flex: 1;
        font-size: 14px;
    }

    .product-filter-container .top-bar .reset,
    .product-filter-popup .top-bar .reset {
        margin: auto;
        font-size: 14px;
        color: #636972;
        cursor: pointer;
        text-decoration: underline;
    }

    .product-filter-container .list,
    .product-filter-popup .list {
        max-height: 1200px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .product-filter-container .list .option,
    .product-filter-popup .list .option {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #E2E4E7;
    }

    .product-filter-container .list .option.option-prices .title,
    .product-filter-popup .list .option.option-prices .title {
        margin-bottom: 0px;
    }

    .product-filter-container .list .option .title,
    .product-filter-popup .list .option .title {
        margin-bottom: 10px;
        font-size: 14px;
        text-transform: capitalize;
    }

    .product-filter-container .list .option .item:not(:last-child),
    .product-filter-popup .list .option .item:not(:last-child) {
        margin-bottom: 10px;
    }

    .product-filter-container .list .option .item .label-panel,
    .product-filter-popup .list .option .item .label-panel {
        text-transform: capitalize;
        display: inline-block;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider {
        width: 206px;
        margin: 10px 0 10px 8px;
        padding: 4px 0;
        display: inline-block;
        text-align: center;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-rail,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-rail,
    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-track,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-track {
        height: 4px;
        width: 100%;
        border-radius: 4px;
        top: 6px;
        color: #E2E4E7;
        background: #E2E4E7;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .price-slider-marks,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .price-slider-marks {
        color: #4b5056;
        margin-top: 15px;
        width: 222px;
        position: relative;
        margin-left: -6px;
        font-size: 12px;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .price-slider-marks span,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .price-slider-marks span {
        position: absolute;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .price-slider-marks .min-marks-text,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .price-slider-marks .min-marks-text {
        left: 0;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .price-slider-marks .max-marks-text,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .price-slider-marks .max-marks-text {
        right: 0;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle {
        width: 16px;
        height: 16px;
        border: 1px solid #636972;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:hover,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:hover,
    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:active,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:active {
        transform: scale(1);
        box-shadow: none;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider-mark,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider-mark {
        margin-top: 10px;
    }

    .product-filter-container .list .option .item.price-slider.disabled .s-kit-slider-handle:hover,
    .product-filter-popup .list .option .item.price-slider.disabled .s-kit-slider-handle:hover,
    .product-filter-container .list .option .item.price-slider.disabled .s-kit-slider-handle:active,
    .product-filter-popup .list .option .item.price-slider.disabled .s-kit-slider-handle:active {
        transform: scale(1);
        box-shadow: none;
        border: 1px solid #636972;
    }

    .product-filter-container .list .option .view-all,
    .product-filter-popup .list .option .view-all {
        margin-top: 10px;
        margin-bottom: 10px;
        color: #636972;
        opacity: 0.6;
        padding-left: 19px;
        cursor: pointer;
        text-transform: lowercase;
    }

    .product-filter-container .list .option .view-all p,
    .product-filter-popup .list .option .view-all p {
        display: inline-block;
    }

    .product-filter-container .list .option .view-all p::first-letter,
    .product-filter-popup .list .option .view-all p::first-letter {
        text-transform: uppercase;
    }

    .product-filter-container .list .option .view-all p:hover,
    .product-filter-popup .list .option .view-all p:hover {
        text-decoration: underline;
    }

    .product-filter-popup {
        height: 80%;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .product-filter-popup .s-kit-modal-content {
        height: 100%;
        margin: 15px;
    }

    .product-filter-popup .s-kit-modal-content .s-kit-modal-body {
        padding: 30px;
    }

    .product-filter-popup .s-kit-modal-content .container {
        margin-bottom: 60px;
    }

    .product-filter-popup .s-kit-modal-content .list {
        height: auto;
        overflow: hidden;
    }

    .product-filter-popup .s-kit-modal-content .list .option .price-slider .s-kit-slider {
        width: 94%;
    }

    .product-filter-popup .s-kit-modal-content .btn {
        width: 100%;
        background-color: #fff;
        height: 100px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0px;
        position: absolute;
    }

    .product-filter-popup .s-kit-modal-content .btn .s-kit-btn {
        width: 220px;
        height: 36px;
        margin-bottom: 40px;
    }
    </style>
    <style>.membership-nav-container {
        display: inline-block;
    }

    .membership-nav-container .s-nav-li > .s-nav-link-container > a {
        white-space: normal;
    }

    .membership-nav-container .s-nav-li .nav-item .s-nav-dropdown ul li a {
        white-space: normal !important;
        line-height: 20px;
    }
    </style>
    <style>@font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.2bf5f4d8928806f7c91c290b5814aff9.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.70c7d99488f7e8cf27634e9c58bf6217.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.44a3e64aa120d1b7964f10be29ad878b.svg#BrandonGrotesqueBoldRegular) format('svg');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.64088d528192c8fce171860f56a14a9f.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.04206b825348a69ee85b523c1e67a70f.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.348bd0ea620c7861d0c3ac028ba911ed.svg#BrandonGrotesqueRegularRg) format('svg');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.90829ddb7531a53c1dcd670d545999d2.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.2c18926b679dfb8abff6fc13c2b8beeb.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.518c0c41a5141b2e59732f43d9b70575.svg#BrandonGrotesqueLight) format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.43b22b68b4b50438a8c9d5ed49507204.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.b2cf0cf708268a04055c5d8545d811a4.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.785c578a01a0d60f61ad665fe481306d.svg#BrandonGrotesqueMedium) format('svg');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.2e90d5152ce92858b62ba053c7b9d2cb.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.76cc6be5d8a231dc012fef4bdb86f79c.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.93349923b5274a36ac93cb3168d09123.svg#open_sansbold) format('svg');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.7657144ec477cd61ac4a5d1af3fa2d28.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.b6690626036a7d6824632769305b1978.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.2b4eeeaef53b3496a5cdf82803666ed7.svg#open_sansbold_italic) format('svg');
        font-weight: 700;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.f42641eed834f7b97a9499362c6c8855.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.de7ef31e6295902347c5c3643b2d82da.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.5b774c25787e0a52c013463c9e3c4219.svg#open_sansitalic) format('svg');
        font-weight: 400;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.45b47f3e9c7d74b80f5c6e0a3c513b23.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.2e98fc3ce85f31f63010b706259cb604.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.8f04ed9aeb2185499068d84842b95aa1.svg#open_sanslight) format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.b553da506077488bc65289e10841d527.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.1d22953c479914c2f801e08de666b0e8.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.fd6dd5fa10c5a74f0a767eeb695342f1.svg#open_sanslight_italic) format('svg');
        font-weight: 300;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.79515ad0788973c533405f7012dfeccd.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.488d5cc145299ba07b75495100419ee6.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.8185eb3059c46e4169ce107dfcf85950.svg#open_sansregular) format('svg');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.697574b47bcfdd2c45e3e63c7380dd67.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.b32acea6fd3c228b5059042c7ad21c55.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg#open_sanssemibold) format('svg');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.719f7321a8366f4ee609737026432113.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.64f886b232962979e2eaf29d93108286.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70eb93d7ba2ad241180085a9a74b0b95.svg#open_sanssemibold_italic) format('svg');
        font-weight: 600;
        font-style: italic;
    }

    .s-dialog-form .s-kit-modal-close {
        right: 22px;
    }

    .s-dialog-form .form-title {
        color: #4b5056;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 20px;
        font-family: 'brandon', sans-serif;
    }

    .s-dialog-form .form-title:lang(ja) {
        font-family: 'brandon', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .s-dialog-form .form-title:lang(zh-cn),
    .s-dialog-form .form-title:lang(zh),
    .s-dialog-form .form-title:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .s-dialog-form .form-title:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .membership-dialog {
        text-align: left;
        border-radius: 4px;
    }

    .membership-dialog .s-kit-modal-body {
        padding: 40px;
    }

    .membership-dialog .s-kit-modal-close {
        right: 22px;
    }

    .membership-dialog .mobile-dialog-style {
        flex-direction: column;
    }

    .membership-dialog .mobile-dialog-style,
    .membership-dialog .mobile-dialog-style > div {
        width: 100%;
    }

    .membership-dialog .mobile-dialog-style .left {
        max-height: 240px;
        margin-bottom: 20px;
    }

    .membership-dialog .s-dialog-form .content {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        width: 710px;
    }

    .membership-dialog .s-dialog-form .content.free_register:not(.slimed),
    .membership-dialog .s-dialog-form .content.free_register:not(.slimed) > div {
        width: 100%;
    }

    .membership-dialog .s-dialog-form .content.free_register:not(.slimed) .left {
        display: none;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card {
        min-height: 50px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card {
        min-height: 20px;
        border: 0px;
        padding: 10px 0 0 0;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card .s-kit-radio-wrapper .s-kit-radio-input {
        width: 14px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card .plan-price {
        font-weight: normal;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray {
        border-radius: 0;
        border-bottom-width: 0;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text {
        line-height: 1.5;
        margin-top: 0;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group {
        margin-top: 8px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group .s-kit-basic-card.gray {
        border: none;
        padding: 10px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group .s-kit-basic-card.gray .s-kit-radio .s-kit-radio-input {
        width: 15px;
        height: 15px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group .s-kit-basic-card.gray .label-item .label {
        font-size: 16px;
        font-weight: normal;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-width: 1px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group > div:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group > div:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-width: 1px;
    }

    .membership-dialog .s-dialog-form .content > div {
        width: 340px;
    }

    .membership-dialog .s-dialog-form .content .left {
        margin-top: 4px;
        max-height: 600px;
        overflow-y: auto;
    }

    .membership-dialog .s-dialog-form .content .left .tier-info .plan-price {
        color: #4b5056;
        font-weight: normal;
    }

    .membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content {
        width: 100%;
        overflow-wrap: break-word;
    }

    .membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content .left-card-text {
        flex: 1;
        width: 0;
    }

    .membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content .left-card-text .title {
        width: 100%;
        display: inline-block;
    }

    .membership-dialog .s-dialog-form .content .left .s-kit-radio-wrapper .s-kit-radio {
        margin-top: 0.3em;
    }

    .membership-dialog .s-dialog-form .content .left .tier-plan-radio-group .s-kit-radio-wrapper .s-kit-radio {
        margin-top: 0;
    }

    .membership-dialog .s-dialog-form .content .left .tier-info {
        line-height: 1.5;
    }

    .membership-dialog .s-dialog-form .content .right .gdpr-wrapper {
        color: #a9aeb2;
    }

    .membership-dialog .s-dialog-form .content .right .gdpr-wrapper .s-common-link {
        display: inline-block;
        text-decoration: underline;
    }

    .membership-dialog .s-dialog-form .content .right .gdpr-wrapper a {
        margin-top: 20px;
    }

    .membership-dialog .s-dialog-form .content .right .gdpr-wrapper span {
        line-height: 1.5;
    }

    .membership-dialog .s-dialog-form .content .right .bottom-actions > button:not(:first-of-type) {
        margin-top: 10px;
    }

    .membership-dialog .s-dialog-form .content.slimed {
        flex-direction: column;
    }

    .membership-dialog .s-dialog-form .content.slimed,
    .membership-dialog .s-dialog-form .content.slimed > div {
        width: 100%;
    }

    .membership-dialog .s-dialog-form .content.slimed .left {
        max-height: 240px;
        margin-bottom: 20px;
    }

    @media screen and (max-width: 770px) {
        .membership-dialog .s-dialog-form .content {
            flex-direction: column;
        }

        .membership-dialog .s-dialog-form .content,
        .membership-dialog .s-dialog-form .content > div {
            width: 100%;
        }

        .membership-dialog .s-dialog-form .content .left {
            max-height: 240px;
            margin-bottom: 20px;
        }

        .membership-dialog .s-dialog-form .content .plan-price {
            margin-top: 5px;
            display: block;
        }
    }

    .membership-dialog.s-kit-modal {
        min-height: 266px;
        max-width: 800px;
    }

    .membership-dialog .error-message {
        margin-bottom: 15px;
        color: #E64751;
    }

    .membership-dialog .s-kit-input {
        width: 100%;
        height: 37px;
        box-sizing: border-box;
    }

    .membership-dialog .s-form-field.paid-membership-radio {
        color: #4b5056;
        display: flex;
        align-items: center;
    }

    .membership-dialog .s-form-field.paid-membership-radio input {
        width: auto;
        margin-right: 10px;
    }

    .membership-dialog .subscriptions-view .form-title {
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .membership-dialog .subscriptions-view .form-title .fa-angle-left {
        font-size: 25px;
        align-self: flex-start;
        margin-right: 10px;
    }

    .membership-dialog .subscriptions-list {
        border: 1px solid #ddd;
    }

    .membership-dialog .subscriptions-list .subscription-item {
        border-bottom: 1px solid #ddd;
        display: flex;
        align-items: flex-start;
        padding: 20px 20px 0;
        flex-wrap: wrap;
    }

    .membership-dialog .subscriptions-list .subscription-item .info {
        flex: 1 1 0%;
        min-width: 200px;
        margin-bottom: 20px;
    }

    @media screen and (max-width: 770px) {
        .membership-dialog .subscriptions-list .subscription-item .info {
            min-width: unset;
            width: 0;
        }
    }

    .membership-dialog .subscriptions-list .subscription-item .name {
        overflow-wrap: break-word;
        font-weight: 600;
    }

    .membership-dialog .subscriptions-list .subscription-item .s-kit-btn {
        flex: 0 0 auto;
        min-width: 140px;
        margin: 0 0 20px;
    }

    .membership-dialog .subscriptions-list .subscription-item:last-child {
        border-bottom: none;
    }

    .membership-dialog .subscriptions-list .subscription-item .s-kit-radio-wrapper {
        display: flex;
        margin-bottom: 10px;
    }

    .membership-dialog .subscriptions-list .subscription-item .s-kit-radio-wrapper .discount-tag {
        margin-left: 5px;
    }

    .membership-dialog .subscriptions-list .subscription-item .subscribe-plans {
        margin-top: 5px;
        line-height: 1;
    }

    .membership-dialog .subscriptions-list .subscription-item .subscribe-plans .sub-text {
        margin-top: 5px;
        color: #c6c9cd;
    }

    @media screen and (min-width: 770px) {
        .membership-dialog .subscriptions-list .mid-gray .s-kit-btn {
            margin-bottom: 0px;
        }
    }

    .membership-dialog.payment .error-message {
        margin-bottom: 0;
    }

    .membership-dialog.payment .s-kit-modal-body {
        padding: 0;
    }

    .membership-dialog.payment .s-kit-modal-close-x {
        display: none;
    }

    .membership-dialog.payment .stripe-form .form-body .s-form-field .entypo-mail {
        top: 0;
    }

    .membership-dialog.payment .stripe-form .form-body .s-form-field .s-btn {
        text-align: center;
    }

    .membership-dialog.payment .stripe-form .header {
        margin-bottom: 0;
    }

    .membership-dialog.payment .stripe-form .form-body .title {
        font-weight: 600;
        text-transform: uppercase;
    }

    .membership-dialog.payment .square-form .s-form-field input {
        padding: 12px 20px;
        padding-left: 50px;
    }

    .membership-dialog.payment .square-form .form-body .square-card-container .error-message.more-space {
        bottom: -10px;
    }

    .membership-dialog.subscriptions .s-kit-modal-body {
        max-width: 560px;
    }

    .membership-dialog.subscriptions .loading:not(.s-kit-btn) {
        line-height: 200px;
        font-size: 20px;
        text-align: center;
    }

    .membership-dialog.payment_success .s-kit-modal-body {
        max-width: 500px;
        text-align: center;
    }

    .membership-dialog.payment_success .form-title {
        font-weight: 600;
    }

    .membership-dialog.payment_success p {
        margin-bottom: 20px;
        line-height: 1.4;
    }

    .membership-dialog.payment_success .s-kit-btn {
        min-width: 120px;
    }

    .membership-dialog.payment_failure .s-kit-modal-body {
        max-width: 400px;
        text-align: center;
    }

    .membership-dialog.account_info .s-kit-modal-body,
    .membership-dialog.subscriptions .s-kit-modal-body {
        min-height: 350px;
        box-sizing: border-box;
    }

    .membership-dialog .payment-failed .content {
        line-height: 1.4;
        margin: 10px 0 30px;
    }

    .membership-dialog .payment-failed .bottom-buttons .s-kit-btn {
        display: block;
        margin: 10px 0 0 0;
        width: 100%;
    }

    .membership-section-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

    .membership-section-wrapper .membership-dialog {
        min-width: 350px;
    }

    .membership-section-wrapper .recaptcha-widget-container {
        margin-bottom: 20px;
    }

    .membership-section-wrapper .bottom-actions > button:not(:first-of-type) {
        margin-top: 10px;
    }

    .s4-dropdown-list {
        position: absolute !important;
        top: 100% !important;
    }

    .bottom-actions {
        color: #a9aeb2;
        margin-top: 10px;
    }

    .bottom-actions a {
        text-decoration: underline;
        cursor: pointer;
        margin-top: 10px;
        display: block;
    }

    .bottom-actions .s-terms-link {
        display: inline-block;
        text-decoration: underline;
        cursor: pointer;
    }

    .bottom-actions .register-link {
        color: #1bb0e6;
    }

    .bottom-actions .s-kit-btn-block {
        margin-bottom: 0;
    }

    .bottom-actions .registration-disabled {
        height: 38px;
        line-height: 38px;
        text-align: center;
        font-weight: bold;
        border-radius: 4px;
        margin-bottom: 10px;
        text-transform: uppercase;
        background: #E4E8EF;
        font-family: 'brandon', sans-serif;
    }

    .bottom-actions .registration-disabled:lang(ja) {
        font-family: 'brandon', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .bottom-actions .registration-disabled:lang(zh-cn),
    .bottom-actions .registration-disabled:lang(zh),
    .bottom-actions .registration-disabled:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .bottom-actions .registration-disabled:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .bottom-actions .s-kit-btn.s-kit-btn-background-ghost.basic-blue {
        color: #1bb0e6;
        background: inherit;
        border-color: #1bb0e6;
    }

    .bottom-actions .s-kit-btn.s-kit-btn-background-ghost.basic-blue:hover {
        background: #1bb0e6;
        color: #ffffff;
    }

    .s-kit-modal-body {
        font-size: 14px !important;
    }

    .s-nav-top-center-item-container .s-membership-nav.s-nav-dropdown.s-navbar-dropdown .s-nav-link-container {
        display: inline-block;
    }

    @media (max-width: 400px) {
        .s-kit-modal {
            min-width: 100% !important;
        }
    }
    </style>
    <style>@font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.2bf5f4d8928806f7c91c290b5814aff9.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.70c7d99488f7e8cf27634e9c58bf6217.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.44a3e64aa120d1b7964f10be29ad878b.svg#BrandonGrotesqueBoldRegular) format('svg');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.64088d528192c8fce171860f56a14a9f.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.04206b825348a69ee85b523c1e67a70f.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.348bd0ea620c7861d0c3ac028ba911ed.svg#BrandonGrotesqueRegularRg) format('svg');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.90829ddb7531a53c1dcd670d545999d2.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.2c18926b679dfb8abff6fc13c2b8beeb.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.518c0c41a5141b2e59732f43d9b70575.svg#BrandonGrotesqueLight) format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.43b22b68b4b50438a8c9d5ed49507204.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.b2cf0cf708268a04055c5d8545d811a4.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.785c578a01a0d60f61ad665fe481306d.svg#BrandonGrotesqueMedium) format('svg');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.2e90d5152ce92858b62ba053c7b9d2cb.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.76cc6be5d8a231dc012fef4bdb86f79c.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.93349923b5274a36ac93cb3168d09123.svg#open_sansbold) format('svg');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.7657144ec477cd61ac4a5d1af3fa2d28.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.b6690626036a7d6824632769305b1978.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.2b4eeeaef53b3496a5cdf82803666ed7.svg#open_sansbold_italic) format('svg');
        font-weight: 700;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.f42641eed834f7b97a9499362c6c8855.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.de7ef31e6295902347c5c3643b2d82da.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.5b774c25787e0a52c013463c9e3c4219.svg#open_sansitalic) format('svg');
        font-weight: 400;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.45b47f3e9c7d74b80f5c6e0a3c513b23.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.2e98fc3ce85f31f63010b706259cb604.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.8f04ed9aeb2185499068d84842b95aa1.svg#open_sanslight) format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.b553da506077488bc65289e10841d527.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.1d22953c479914c2f801e08de666b0e8.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.fd6dd5fa10c5a74f0a767eeb695342f1.svg#open_sanslight_italic) format('svg');
        font-weight: 300;
        font-style: italic;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.79515ad0788973c533405f7012dfeccd.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.488d5cc145299ba07b75495100419ee6.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.8185eb3059c46e4169ce107dfcf85950.svg#open_sansregular) format('svg');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.697574b47bcfdd2c45e3e63c7380dd67.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.b32acea6fd3c228b5059042c7ad21c55.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg#open_sanssemibold) format('svg');
        font-weight: 600;
        font-style: normal;
    }

    @font-face {
        font-family: 'open_sans';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.719f7321a8366f4ee609737026432113.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.64f886b232962979e2eaf29d93108286.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70eb93d7ba2ad241180085a9a74b0b95.svg#open_sanssemibold_italic) format('svg');
        font-weight: 600;
        font-style: italic;
    }

    .s-kit-modal-wrap.gdpr-dialog {
        z-index: 2601;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal {
        margin: 0;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-content {
        border-radius: unset;
        height: 100vh;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body {
        padding: 0 0 30px;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper {
        font-family: 'brandon', sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #4b5056;
        padding: 30px 30px 0;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper:lang(ja) {
        font-family: 'brandon', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper:lang(zh-cn),
    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper:lang(zh),
    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre {
        margin-top: 0;
        padding: 0 30px;
        font-size: 15px;
        line-height: 1.4;
        overflow-y: auto;
        width: 800px;
        overflow-x: hidden;
        word-wrap: break-word;
        white-space: pre-wrap;
        height: calc(100vh - 102px);
        font-family: 'open_sans', 'Open Sans', sans-serif;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre:lang(ja) {
        font-family: 'open_sans', 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre:lang(zh-cn),
    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre:lang(zh),
    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre:lang(sxl) {
        font-family: 'open_sans', 'Open Sans', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre:lang(zh-tw) {
        font-family: 'open_sans', 'Open Sans', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .s-kit-modal-wrap.gdpr-dialog.right {
        text-align: right;
    }

    .s-kit-modal-wrap.gdpr-dialog.right .s-kit-modal-close {
        left: 30px;
        width: 30px;
        right: auto;
    }

    @media (max-width: 501px) {
        .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre {
            width: calc(100% - 60px);
        }
    }
    </style>
    <style>@font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.10b50ee4aa9930dd26ae117a07e922eb.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.2bf5f4d8928806f7c91c290b5814aff9.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.70c7d99488f7e8cf27634e9c58bf6217.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_bld-webfont.44a3e64aa120d1b7964f10be29ad878b.svg#BrandonGrotesqueBoldRegular) format('svg');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.662dee687e0069f714f79db9bde55f81.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.64088d528192c8fce171860f56a14a9f.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.04206b825348a69ee85b523c1e67a70f.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_reg-webfont.348bd0ea620c7861d0c3ac028ba911ed.svg#BrandonGrotesqueRegularRg) format('svg');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.d23193b7e25a59254d67a04a9f6d4eaa.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.90829ddb7531a53c1dcd670d545999d2.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.2c18926b679dfb8abff6fc13c2b8beeb.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_light-webfont.518c0c41a5141b2e59732f43d9b70575.svg#BrandonGrotesqueLight) format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'Brandon';
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot);
        src: url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.78c65e04664b2559e1ca630e2606c3b5.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.43b22b68b4b50438a8c9d5ed49507204.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.b2cf0cf708268a04055c5d8545d811a4.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/brandon_med-webfont.785c578a01a0d60f61ad665fe481306d.svg#BrandonGrotesqueMedium) format('svg');
        font-weight: 600;
        font-style: normal;
    }

    .member-order-history-dialog .order-detail .header,
    .member-order-history-dialog .order-list .header {
        margin-bottom: 20px;
    }

    .member-order-history-dialog .order-detail .header .fa-angle-left,
    .member-order-history-dialog .order-list .header .fa-angle-left {
        font-size: 1.3em;
        margin-right: 10px;
    }

    .member-order-history-dialog .order-detail .header-text,
    .member-order-history-dialog .order-list .header-text {
        font-size: 18px;
        color: #50555c;
        cursor: pointer;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .member-order-history-dialog .order-detail .header-text:lang(ja),
    .member-order-history-dialog .order-list .header-text:lang(ja) {
        font-family: 'brandon', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .member-order-history-dialog .order-detail .header-text:lang(zh-cn),
    .member-order-history-dialog .order-list .header-text:lang(zh-cn),
    .member-order-history-dialog .order-detail .header-text:lang(zh),
    .member-order-history-dialog .order-list .header-text:lang(zh),
    .member-order-history-dialog .order-detail .header-text:lang(sxl),
    .member-order-history-dialog .order-list .header-text:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .member-order-history-dialog .order-detail .header-text:lang(zh-tw),
    .member-order-history-dialog .order-list .header-text:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .member-order-history-dialog .order-detail {
        font-size: 14px;
        color: #52616a;
    }

    .member-order-history-dialog .order-detail .left {
        float: left;
    }

    .member-order-history-dialog .order-detail .right {
        float: right;
    }

    .member-order-history-dialog .order-detail .bold {
        font-weight: 600;
    }

    .member-order-history-dialog .order-detail .bold-700 {
        font-weight: 700;
    }

    .member-order-history-dialog .order-detail .normal-title {
        font-size: 16px;
        font-weight: 600;
        color: #52616a;
        margin-bottom: 10px;
        margin-right: 10px;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
    }

    .member-order-history-dialog .order-detail .normal-title:lang(ja) {
        font-family: 'brandon', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .member-order-history-dialog .order-detail .normal-title:lang(zh-cn),
    .member-order-history-dialog .order-detail .normal-title:lang(zh),
    .member-order-history-dialog .order-detail .normal-title:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .member-order-history-dialog .order-detail .normal-title:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .member-order-history-dialog .order-detail .normal-text {
        line-height: 1.4;
        font-size: 14px;
        color: #636972;
    }

    .member-order-history-dialog .order-detail .normal-text.small {
        line-height: 20px;
    }

    .member-order-history-dialog .order-detail .normal-text.light {
        font-weight: 300;
    }

    .member-order-history-dialog .order-detail .fa.l-m {
        margin-left: 5px;
    }

    .member-order-history-dialog .order-detail .fa.r-m {
        margin-right: 5px;
    }

    .member-order-history-dialog .order-detail .row-section {
        margin: 25px auto;
    }

    .member-order-history-dialog .order-detail .row-section:first-child,
    .member-order-history-dialog .order-detail .row-section:first-of-type {
        margin-top: 0;
    }

    .member-order-history-dialog .order-detail .row-section:last-child,
    .member-order-history-dialog .order-detail .row-section:last-of-type {
        margin-bottom: 0;
    }

    .member-order-history-dialog .order-detail .row-section .s-box {
        padding: 12px 16px;
        line-height: 18px;
    }

    .member-order-history-dialog .order-detail .row-section .s-box .fa {
        margin-right: 5px;
    }

    .member-order-history-dialog .order-detail .row-section .s-box.white {
        background: #fff;
        border-radius: 4px;
        border: 1px solid #ddd;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper {
        border: 1px solid #ddd;
        border-radius: 4px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list {
        width: 100% !important;
        text-align: left;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list th {
        background: #f6f6f6;
        padding: 10px 5px;
        font-weight: 600;
        white-space: nowrap;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td {
        padding: 0 5px 10px 5px;
        vertical-align: top;
        line-height: 1.25;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.calculation-label {
        text-align: right;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.product-name {
        min-width: 200px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.product-name .discount {
        display: block;
        color: #38b2a1;
        margin: 10px 0;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .shipping-icon {
        margin-right: 4px;
        vertical-align: middle;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .pay-now-payment-item {
        margin-left: 2px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .pay-now-payment-item span {
        margin-left: 2px;
        font-weight: bold;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .bank-icon {
        height: auto;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .total-price-value {
        vertical-align: middle;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag {
        vertical-align: middle;
        font-family: 'brandon', sans-serif;
        padding: 1px 3px 1px;
        color: #a9aeb2 !important;
        border: 1px solid #a9aeb2;
        font-size: 10px !important;
        font-weight: bold;
        line-height: 1.25;
        border-radius: 3px;
        text-transform: uppercase;
        font-style: normal !important;
        margin-left: 5px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(ja) {
        font-family: 'brandon', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh-cn),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    @media only screen and (max-width: 727px) {
        .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price {
            white-space: normal;
        }
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.title-row th {
        border-bottom: 1px solid #ddd;
        color: #52616a;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td {
        padding: 15px 5px 10px;
        border-top: 1px solid #ddd;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold {
        font-family: 'brandon', sans-serif;
        font-weight: 700;
        padding-left: 20px;
        text-align: right;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(ja) {
        font-family: 'brandon', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh-cn),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td img {
        height: 20px;
        vertical-align: middle;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td img.afterpay {
        height: 14px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td img.klarna {
        height: 12px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td .bank-icon {
        height: auto;
        margin-right: 4px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.total-row td {
        padding: 0 5px 15px;
        font-size: 16px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.first-data-row td {
        padding-top: 15px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-data-row td {
        padding-bottom: 15px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr th.first,
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr td.first {
        padding-left: 15px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr th.last,
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr td.last {
        padding-right: 15px;
    }

    .member-order-history-dialog .order-detail .shipping-info,
    .member-order-history-dialog .order-detail .order-transactions {
        box-sizing: border-box;
    }

    @media only screen and (min-width: 728px) {
        .member-order-history-dialog .order-detail .shipping-info,
        .member-order-history-dialog .order-detail .order-transactions {
            width: 48%;
        }
    }

    .member-order-history-dialog .order-detail .shipping-info .notes span,
    .member-order-history-dialog .order-detail .order-transactions .notes span {
        font-weight: 400;
        word-wrap: break-word;
    }

    @media only screen and (min-width: 728px) {
        .member-order-history-dialog .order-detail .shipping-info {
            float: left;
        }
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box {
        min-height: 120px;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .info-label,
    .member-order-history-dialog .order-detail .shipping-info .s-box .info-content {
        display: inline-block;
        margin-bottom: 12px;
        vertical-align: top;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .additional-item {
        display: flex;
        align-items: flex-start;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .info-label {
        min-width: 100px;
        margin-right: 10px;
        color: #a9aeb2;
        word-break: break-word;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .info-content {
        max-width: 250px;
        white-space: normal;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .split-line {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #8D949C;
        margin-bottom: 10px;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .split-line::before,
    .member-order-history-dialog .order-detail .shipping-info .s-box .split-line::after {
        content: '';
        flex: 1;
        height: 1px;
        background-color: #F4F6F8;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .split-line::before {
        margin-right: 10px;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .split-line::after {
        margin-left: 10px;
    }

    .member-order-history-dialog .order-detail .shipping-info .additional-info .additional-title {
        position: relative;
        text-align: center;
        font-size: 14px;
        padding: 20px 0;
        overflow: hidden;
        color: #636972;
    }

    .member-order-history-dialog .order-detail .shipping-info .additional-info .additional-title .inner {
        position: absolute;
        left: 50%;
        font-size: 14px;
        padding: 0 10px;
        white-space: nowrap;
        line-height: 1px;
        text-transform: capitalize;
        transform: translateX(-50%);
        border-left: 20vw solid #a9aeb2;
        border-right: 20vw solid #a9aeb2;
    }

    .member-order-history-dialog .order-detail .order-transactions .s-box {
        padding: 0;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item {
        padding: 15px;
        border-top: 1px solid #ddd;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item:first-child {
        border-top: none;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .basic-info {
        overflow: hidden;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .basic-info .item-date {
        color: #a9aeb2;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .extra-info {
        margin-top: 5px;
        color: #a9aeb2;
        overflow: hidden;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .extra-info .ib {
        max-width: 100%;
        word-wrap: break-word;
    }

    .member-order-history-dialog .order-list {
        margin-bottom: 40px;
    }

    .member-order-history-dialog .order-list .s-kit-table-row {
        cursor: pointer;
    }

    .member-order-history-dialog .order-list .s-kit-table-thead > tr > th {
        padding-right: 40px;
    }

    .member-order-history-dialog .order-list .s-kit-table-thead > tr > th:last-child {
        padding-right: initial;
    }

    .member-order-history-dialog .order-list .fa-angle-right {
        font-size: 1.4em;
    }
    </style>
    <style>.booking-events-dialog .s-kit-modal-body {
        width: 420px;
    }

    .booking-events-dialog .event-list-panel .header,
    .booking-events-dialog .event-detail-panel .header {
        margin-bottom: 20px;
    }

    .booking-events-dialog .event-list-panel .header .fa-angle-left,
    .booking-events-dialog .event-detail-panel .header .fa-angle-left {
        font-size: 1.3em;
        margin-right: 10px;
    }

    .booking-events-dialog .event-list-panel .header-text,
    .booking-events-dialog .event-detail-panel .header-text {
        font-size: 18px;
        cursor: pointer;
        text-transform: uppercase;
        font-family: 'brandon', sans-serif;
        color: #50555c;
    }

    .booking-events-dialog .event-list-panel {
        margin-bottom: 40px;
    }

    .booking-events-dialog .event-list-panel .s-kit-table-row {
        cursor: pointer;
    }

    .booking-events-dialog .event-list-panel .time-zone {
        color: #a9aeb2;
        margin-top: 5px;
    }

    .booking-events-dialog .event-list-panel .event-name {
        line-height: 1.2;
    }

    .booking-events-dialog .event-type-detail {
        margin-bottom: 20px;
    }

    .booking-events-dialog .event-type-detail .event-type-item {
        display: flex;
        text-align: left;
        margin-bottom: 10px;
        align-items: flex-start;
    }

    .booking-events-dialog .event-type-detail .event-type-item .booking-label {
        width: 120px;
        color: #a9aeb2;
    }

    .booking-events-dialog .event-type-detail .event-type-item .booking-value {
        width: 100%;
    }

    .booking-events-dialog .event-type-detail .event-type-item .time-zone {
        color: #a9aeb2;
    }

    .booking-events-dialog .canceled-text {
        color: #a9aeb2;
        font-style: italic;
    }
    </style>
    <style type="text/css"
           id="s352174-0">/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
    /* stylelint-disable declaration-bang-space-before */
    /* stylelint-disable declaration-bang-space-before */
    .s-kit-modal {
        position: relative;
        width: auto;
        margin: 0 auto;
        top: 100px;
        padding-bottom: 24px;
    }

    .s-kit-modal-wrap {
        position: fixed;
        overflow: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }

    .s-kit-modal-title {
        margin: 0;
        font-size: 14px;
        line-height: 21px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.85);
    }

    .s-kit-modal-content {
        position: relative;
        background-color: #fff;
        border: 0;
        border-radius: 4px;
        background-clip: padding-box;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }

    .s-kit-modal-close {
        cursor: pointer;
        border: 0;
        background: transparent;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        transition: color .3s ease;
        color: rgba(0, 0, 0, 0.43);
        outline: 0;
    }

    .s-kit-modal-close-x {
        display: block;
        font-style: normal;
        vertical-align: baseline;
        text-align: center;
        text-transform: none;
        text-rendering: auto;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 14px;
    }

    .s-kit-modal-close-x:before {
        content: "\e633";
        display: block;
        font-family: "anticon" !important;
    }

    .s-kit-modal-close:focus,
    .s-kit-modal-close:hover {
        color: #444;
        text-decoration: none;
    }

    .s-kit-modal-header {
        padding: 13px 16px;
        border-radius: 4px 4px 0 0;
        background: #fff;
        color: rgba(0, 0, 0, 0.65);
        border-bottom: 1px solid #e9e9e9;
    }

    .s-kit-modal-body {
        padding: 16px;
        font-size: 12px;
        line-height: 1.5;
    }

    .s-kit-modal-footer {
        border-top: 1px solid #e9e9e9;
        padding: 10px 16px 10px 10px;
        text-align: right;
        border-radius: 0 0 4px 4px;
    }

    .s-kit-modal-footer button + button {
        margin-left: 8px;
        margin-bottom: 0;
    }

    .s-kit-modal.zoom-enter,
    .s-kit-modal.zoom-appear {
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 0;
    }

    .s-kit-modal-mask {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: #373737;
        background-color: rgba(55, 55, 55, 0.6);
        height: 100%;
        z-index: 1000;
        filter: alpha(opacity=50);
    }

    .s-kit-modal-mask-hidden {
        display: none;
    }

    .s-kit-modal-open {
        overflow: hidden;
    }

    @media (max-width: 768px) {
        .s-kit-modal {
            width: auto !important;
            margin: 10px;
        }

        .vertical-center-modal .s-kit-modal {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }
    }

    .s-kit-confirm .s-kit-modal-header {
        display: none;
    }

    .s-kit-confirm .s-kit-modal-close {
        display: none;
    }

    .s-kit-confirm .s-kit-modal-body {
        padding: 30px 40px;
    }

    .s-kit-confirm-body-wrapper {
        zoom: 1;
    }

    .s-kit-confirm-body-wrapper:before,
    .s-kit-confirm-body-wrapper:after {
        content: " ";
        display: table;
    }

    .s-kit-confirm-body-wrapper:after {
        clear: both;
        visibility: hidden;
        font-size: 0;
        height: 0;
    }

    .s-kit-confirm-body .s-kit-confirm-title {
        color: rgba(0, 0, 0, 0.65);
        font-weight: bold;
        font-size: 14px;
    }

    .s-kit-confirm-body .s-kit-confirm-content {
        margin-left: 42px;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.65);
        margin-top: 8px;
    }

    .s-kit-confirm-body > .anticon {
        font-size: 24px;
        margin-right: 16px;
        padding: 0 1px;
        float: left;
    }

    .s-kit-confirm .s-kit-confirm-btns {
        margin-top: 30px;
        float: right;
    }

    .s-kit-confirm .s-kit-confirm-btns button + button {
        margin-left: 10px;
        margin-bottom: 0;
    }

    .s-kit-confirm-error .s-kit-confirm-body > .anticon {
        color: #f04134;
    }

    .s-kit-confirm-warning .s-kit-confirm-body > .anticon,
    .s-kit-confirm-confirm .s-kit-confirm-body > .anticon {
        color: #ffbf00;
    }

    .s-kit-confirm-info .s-kit-confirm-body > .anticon {
        color: #108ee9;
    }

    .s-kit-confirm-success .s-kit-confirm-body > .anticon {
        color: #00a854;
    }
    </style>
    <style type="text/css" id="s927011-1">@font-face {
        font-family: "Helvetica Neue For Number";
        src: local("Helvetica Neue");
        unicode-range: U+30-39;
    }

    @keyframes antSlideUpIn {
        0% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleY(0.8);
        }
        100% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleY(1);
        }
    }

    @keyframes antSlideUpOut {
        0% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleY(1);
        }
        100% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleY(0.8);
        }
    }

    @keyframes antPickerSlideDownIn {
        0% {
            opacity: 0;
            transform-origin: 100% 100%;
            transform: scaleY(0.8);
        }
        100% {
            opacity: 1;
            transform-origin: 100% 100%;
            transform: scaleY(1);
        }
    }

    @keyframes antPickerSlideDownOut {
        0% {
            opacity: 1;
            transform-origin: 100% 100%;
            transform: scaleY(1);
        }
        100% {
            opacity: 0;
            transform-origin: 100% 100%;
            transform: scaleY(0.8);
        }
    }

    .fade-enter,
    .fade-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .fade-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .fade-enter.fade-enter-active,
    .fade-appear.fade-appear-active {
        animation-name: antFadeIn;
        animation-play-state: running;
    }

    .fade-leave.fade-leave-active {
        animation-name: antFadeOut;
        animation-play-state: running;
    }

    .fade-enter,
    .fade-appear {
        opacity: 0;
        animation-timing-function: linear;
    }

    .fade-leave {
        animation-timing-function: linear;
    }

    @keyframes antFadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    @keyframes antFadeOut {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }

    .move-up-enter,
    .move-up-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-up-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-up-enter.move-up-enter-active,
    .move-up-appear.move-up-appear-active {
        animation-name: antMoveUpIn;
        animation-play-state: running;
    }

    .move-up-leave.move-up-leave-active {
        animation-name: antMoveUpOut;
        animation-play-state: running;
    }

    .move-up-enter,
    .move-up-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-up-leave {
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    .move-down-enter,
    .move-down-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-down-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-down-enter.move-down-enter-active,
    .move-down-appear.move-down-appear-active {
        animation-name: antMoveDownIn;
        animation-play-state: running;
    }

    .move-down-leave.move-down-leave-active {
        animation-name: antMoveDownOut;
        animation-play-state: running;
    }

    .move-down-enter,
    .move-down-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-down-leave {
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    .move-left-enter,
    .move-left-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-left-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-left-enter.move-left-enter-active,
    .move-left-appear.move-left-appear-active {
        animation-name: antMoveLeftIn;
        animation-play-state: running;
    }

    .move-left-leave.move-left-leave-active {
        animation-name: antMoveLeftOut;
        animation-play-state: running;
    }

    .move-left-enter,
    .move-left-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-left-leave {
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    .move-right-enter,
    .move-right-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-right-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .move-right-enter.move-right-enter-active,
    .move-right-appear.move-right-appear-active {
        animation-name: antMoveRightIn;
        animation-play-state: running;
    }

    .move-right-leave.move-right-leave-active {
        animation-name: antMoveRightOut;
        animation-play-state: running;
    }

    .move-right-enter,
    .move-right-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-right-leave {
        animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    @keyframes antMoveDownIn {
        0% {
            transform-origin: 0 0;
            transform: translateY(100%);
            opacity: 0;
        }
        100% {
            transform-origin: 0 0;
            transform: translateY(0%);
            opacity: 1;
        }
    }

    @keyframes antMoveDownOut {
        0% {
            transform-origin: 0 0;
            transform: translateY(0%);
            opacity: 1;
        }
        100% {
            transform-origin: 0 0;
            transform: translateY(100%);
            opacity: 0;
        }
    }

    @keyframes antMoveLeftIn {
        0% {
            transform-origin: 0 0;
            transform: translateX(-100%);
            opacity: 0;
        }
        100% {
            transform-origin: 0 0;
            transform: translateX(0%);
            opacity: 1;
        }
    }

    @keyframes antMoveLeftOut {
        0% {
            transform-origin: 0 0;
            transform: translateX(0%);
            opacity: 1;
        }
        100% {
            transform-origin: 0 0;
            transform: translateX(-100%);
            opacity: 0;
        }
    }

    @keyframes antMoveRightIn {
        0% {
            opacity: 0;
            transform-origin: 0 0;
            transform: translateX(100%);
        }
        100% {
            opacity: 1;
            transform-origin: 0 0;
            transform: translateX(0%);
        }
    }

    @keyframes antMoveRightOut {
        0% {
            transform-origin: 0 0;
            transform: translateX(0%);
            opacity: 1;
        }
        100% {
            transform-origin: 0 0;
            transform: translateX(100%);
            opacity: 0;
        }
    }

    @keyframes antMoveUpIn {
        0% {
            transform-origin: 0 0;
            transform: translateY(-100%);
            opacity: 0;
        }
        100% {
            transform-origin: 0 0;
            transform: translateY(0%);
            opacity: 1;
        }
    }

    @keyframes antMoveUpOut {
        0% {
            transform-origin: 0 0;
            transform: translateY(0%);
            opacity: 1;
        }
        100% {
            transform-origin: 0 0;
            transform: translateY(-100%);
            opacity: 0;
        }
    }

    @keyframes loadingCircle {
        0% {
            transform-origin: 50% 50%;
            transform: rotate(0deg);
        }
        100% {
            transform-origin: 50% 50%;
            transform: rotate(360deg);
        }
    }

    .slide-up-enter,
    .slide-up-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-up-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-up-enter.slide-up-enter-active,
    .slide-up-appear.slide-up-appear-active {
        animation-name: antSlideUpIn;
        animation-play-state: running;
    }

    .slide-up-leave.slide-up-leave-active {
        animation-name: antSlideUpOut;
        animation-play-state: running;
    }

    .slide-up-enter,
    .slide-up-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-up-leave {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    .slide-down-enter,
    .slide-down-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-down-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-down-enter.slide-down-enter-active,
    .slide-down-appear.slide-down-appear-active {
        animation-name: antSlideDownIn;
        animation-play-state: running;
    }

    .slide-down-leave.slide-down-leave-active {
        animation-name: antSlideDownOut;
        animation-play-state: running;
    }

    .slide-down-enter,
    .slide-down-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-down-leave {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    .slide-left-enter,
    .slide-left-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-left-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-left-enter.slide-left-enter-active,
    .slide-left-appear.slide-left-appear-active {
        animation-name: antSlideLeftIn;
        animation-play-state: running;
    }

    .slide-left-leave.slide-left-leave-active {
        animation-name: antSlideLeftOut;
        animation-play-state: running;
    }

    .slide-left-enter,
    .slide-left-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-left-leave {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    .slide-right-enter,
    .slide-right-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-right-leave {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .slide-right-enter.slide-right-enter-active,
    .slide-right-appear.slide-right-appear-active {
        animation-name: antSlideRightIn;
        animation-play-state: running;
    }

    .slide-right-leave.slide-right-leave-active {
        animation-name: antSlideRightOut;
        animation-play-state: running;
    }

    .slide-right-enter,
    .slide-right-appear {
        opacity: 0;
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-right-leave {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    @keyframes antSlideUpIn {
        0% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleY(0.8);
        }
        100% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleY(1);
        }
    }

    @keyframes antSlideUpOut {
        0% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleY(1);
        }
        100% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleY(0.8);
        }
    }

    @keyframes antSlideDownIn {
        0% {
            opacity: 0;
            transform-origin: 100% 100%;
            transform: translate3d(0, 15px, 0);
        }
        100% {
            opacity: 1;
            transform-origin: 100% 100%;
            transform: translate3d(0, 0, 0);
        }
    }

    @keyframes antSlideDownOut {
        0% {
            opacity: 1;
            transform-origin: 100% 100%;
            transform: translate3d(0, 0, 0);
        }
        100% {
            opacity: 0;
            transform-origin: 100% 100%;
            transform: translate3d(0, 15px, 0);
        }
    }

    @keyframes antSlideLeftIn {
        0% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleX(0.8);
        }
        100% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleX(1);
        }
    }

    @keyframes antSlideLeftOut {
        0% {
            opacity: 1;
            transform-origin: 0% 0%;
            transform: scaleX(1);
        }
        100% {
            opacity: 0;
            transform-origin: 0% 0%;
            transform: scaleX(0.8);
        }
    }

    @keyframes antSlideRightIn {
        0% {
            opacity: 0;
            transform-origin: 100% 0%;
            transform: scaleX(0.8);
        }
        100% {
            opacity: 1;
            transform-origin: 100% 0%;
            transform: scaleX(1);
        }
    }

    @keyframes antSlideRightOut {
        0% {
            opacity: 1;
            transform-origin: 100% 0%;
            transform: scaleX(1);
        }
        100% {
            opacity: 0;
            transform-origin: 100% 0%;
            transform: scaleX(0.8);
        }
    }

    .swing-enter,
    .swing-appear {
        animation-duration: 0.2s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .swing-enter.swing-enter-active,
    .swing-appear.swing-appear-active {
        animation-name: antSwingIn;
        animation-play-state: running;
    }

    @keyframes antSwingIn {
        0%,
        100% {
            transform: translateX(0);
        }
        20% {
            transform: translateX(-10px);
        }
        40% {
            transform: translateX(10px);
        }
        60% {
            transform: translateX(-5px);
        }
        80% {
            transform: translateX(5px);
        }
    }

    .zoom-enter,
    .zoom-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-enter.zoom-enter-active,
    .zoom-appear.zoom-appear-active {
        animation-name: sZoomIn;
        animation-play-state: running;
    }

    .zoom-leave.zoom-leave-active {
        animation-name: sZoomOut;
        animation-play-state: running;
    }

    .zoom-enter,
    .zoom-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-big-enter,
    .zoom-big-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-big-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-big-enter.zoom-big-enter-active,
    .zoom-big-appear.zoom-big-appear-active {
        animation-name: sZoomBigIn;
        animation-play-state: running;
    }

    .zoom-big-leave.zoom-big-leave-active {
        animation-name: sZoomBigOut;
        animation-play-state: running;
    }

    .zoom-big-enter,
    .zoom-big-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-big-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-up-enter,
    .zoom-up-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-up-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-up-enter.zoom-up-enter-active,
    .zoom-up-appear.zoom-up-appear-active {
        animation-name: sZoomUpIn;
        animation-play-state: running;
    }

    .zoom-up-leave.zoom-up-leave-active {
        animation-name: sZoomUpOut;
        animation-play-state: running;
    }

    .zoom-up-enter,
    .zoom-up-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-up-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-down-enter,
    .zoom-down-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-down-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-down-enter.zoom-down-enter-active,
    .zoom-down-appear.zoom-down-appear-active {
        animation-name: sZoomDownIn;
        animation-play-state: running;
    }

    .zoom-down-leave.zoom-down-leave-active {
        animation-name: sZoomDownOut;
        animation-play-state: running;
    }

    .zoom-down-enter,
    .zoom-down-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-down-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-left-enter,
    .zoom-left-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-left-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-left-enter.zoom-left-enter-active,
    .zoom-left-appear.zoom-left-appear-active {
        animation-name: sZoomLeftIn;
        animation-play-state: running;
    }

    .zoom-left-leave.zoom-left-leave-active {
        animation-name: sZoomLeftOut;
        animation-play-state: running;
    }

    .zoom-left-enter,
    .zoom-left-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-left-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-right-enter,
    .zoom-right-appear {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-right-leave {
        animation-duration: 0.1s;
        animation-fill-mode: both;
        animation-play-state: paused;
    }

    .zoom-right-enter.zoom-right-enter-active,
    .zoom-right-appear.zoom-right-appear-active {
        animation-name: sZoomRightIn;
        animation-play-state: running;
    }

    .zoom-right-leave.zoom-right-leave-active {
        animation-name: sZoomRightOut;
        animation-play-state: running;
    }

    .zoom-right-enter,
    .zoom-right-appear {
        transform: scale(0);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-right-leave {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    @keyframes sZoomIn {
        0% {
            opacity: 0;
            transform: scale(0.2);
        }
        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

    @keyframes sZoomOut {
        0% {
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform: scale(0.2);
        }
    }

    @keyframes sZoomBigIn {
        0% {
            opacity: 0;
            transform: scale(0.9);
        }
        100% {
            transform: scale(1);
        }
    }

    @keyframes sZoomBigOut {
        0% {
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform: scale(0.9);
        }
    }

    @keyframes sZoomUpIn {
        0% {
            opacity: 0;
            transform-origin: 50% 0%;
            transform: scale(0.8);
        }
        100% {
            transform-origin: 50% 0%;
            transform: scale(1);
        }
    }

    @keyframes sZoomUpOut {
        0% {
            transform-origin: 50% 0%;
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform-origin: 50% 0%;
            transform: scale(0.8);
        }
    }

    @keyframes sZoomLeftIn {
        0% {
            opacity: 0;
            transform-origin: 0% 50%;
            transform: scale(0.8);
        }
        100% {
            transform-origin: 0% 50%;
            transform: scale(1);
        }
    }

    @keyframes sZoomLeftOut {
        0% {
            transform-origin: 0% 50%;
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform-origin: 0% 50%;
            transform: scale(0.8);
        }
    }

    @keyframes sZoomRightIn {
        0% {
            opacity: 0;
            transform-origin: 100% 50%;
            transform: scale(0.8);
        }
        100% {
            transform-origin: 100% 50%;
            transform: scale(1);
        }
    }

    @keyframes sZoomRightOut {
        0% {
            transform-origin: 100% 50%;
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform-origin: 100% 50%;
            transform: scale(0.8);
        }
    }

    @keyframes sZoomDownIn {
        0% {
            opacity: 0;
            transform-origin: 50% 100%;
            transform: scale(0.8);
        }
        100% {
            transform-origin: 50% 100%;
            transform: scale(1);
        }
    }

    @keyframes sZoomDownOut {
        0% {
            transform-origin: 50% 100%;
            transform: scale(1);
        }
        100% {
            opacity: 0;
            transform-origin: 50% 100%;
            transform: scale(0.8);
        }
    }

    .s-kit-motion-collapse {
        overflow: hidden;
    }

    .s-kit-motion-collapse-active {
        transition: height .12s, opacity .12s;
    }

    .s-kit-modal {
        top: auto;
        padding-bottom: 0;
        width: auto !important;
        min-width: 400px;
    }

    .s-kit-modal-fat-layout .s-kit-modal-content {
        padding: 10px 50px;
    }

    .s-kit-modal-standard-layout .s-kit-modal-header {
        text-transform: uppercase;
        margin: auto;
        padding-top: 30px;
        padding-bottom: 20px;
        line-height: 1.2;
    }

    .s-kit-modal-standard-layout .s-kit-modal-title {
        text-align: left;
        padding: 0 30px;
        font-weight: 600;
        font-family: 'brandon', sans-serif;
    }

    .s-kit-modal-standard-layout .s-kit-modal-title:lang(ja) {
        font-family: 'brandon', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .s-kit-modal-standard-layout .s-kit-modal-title:lang(zh-cn),
    .s-kit-modal-standard-layout .s-kit-modal-title:lang(zh),
    .s-kit-modal-standard-layout .s-kit-modal-title:lang(sxl) {
        font-family: 'brandon', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .s-kit-modal-standard-layout .s-kit-modal-title:lang(zh-tw) {
        font-family: 'brandon', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .s-kit-modal-standard-layout .s-kit-modal-body {
        text-align: left;
        padding-top: 0;
    }

    .s-kit-modal-standard-layout.title-center .s-kit-modal-title {
        text-align: center;
    }

    .s-kit-modal-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .s-kit-modal-content {
        overflow: hidden;
    }

    .s-kit-modal-content::-webkit-scrollbar {
        width: 10px;
    }

    .s-kit-modal-content::-webkit-scrollbar-thumb {
        background-color: #c6c9cd;
        border: 2px solid white;
        border-radius: 3px;
    }

    .s-kit-modal-content::-webkit-scrollbar-track {
        background-color: white;
    }

    .s-kit-modal-mask {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .s-kit-modal-close {
        top: 22px;
        right: 24px;
        padding: 0;
    }

    .s-kit-modal-close-x {
        font-size: 30px;
        font-weight: 300;
        width: 30px;
        height: 30px;
        line-height: 26px;
    }

    .s-kit-modal-close-x:before {
        content: "×";
        display: block;
        font-family: "entypo";
    }

    .s-kit-modal-header {
        border-bottom: none;
        padding: 0;
        margin-top: 30px;
        margin-bottom: -8px;
    }

    .s-kit-modal-title {
        font-size: 26px;
        text-align: center;
        color: #4b5056;
    }

    .s-kit-modal-body {
        padding: 28px 30px;
        font-family: 'open_sans', 'Open Sans', sans-serif;
        color: #636972;
    }

    .s-kit-modal-body:lang(ja) {
        font-family: 'open_sans', 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .s-kit-modal-body:lang(zh-cn),
    .s-kit-modal-body:lang(zh),
    .s-kit-modal-body:lang(sxl) {
        font-family: 'open_sans', 'Open Sans', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .s-kit-modal-body:lang(zh-tw) {
        font-family: 'open_sans', 'Open Sans', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .s-kit-modal-body h2 {
        font-size: 26px;
        color: #4b5056;
    }

    .s-kit-modal-body h4 {
        font-size: 20px;
        color: #4b5056;
        margin: 0 0;
    }

    .s-kit-modal-body p {
        font-size: 14px;
    }

    .s-kit-modal-body-content {
        text-align: left;
        max-width: 340px;
        margin-bottom: 20px;
        line-height: 1.5;
    }

    .s-kit-modal-body .s-kit-modal-btn {
        margin: 0;
    }

    .s-kit-modal-body .s-kit-modal-btn:not(:last-child) {
        margin-right: 10px;
    }

    .s-kit-modal-body .s-kit-stacked-btn {
        margin: 0 auto;
        min-width: 200px;
        display: block;
    }

    .s-kit-modal-body .s-kit-stacked-btn:not(:last-child) {
        margin-bottom: 10px;
    }
    </style>
    <style>.s-component-editor-inner.common-editor .s-component-content img {
        margin: 0px auto;
        border-radius: 3px;
        max-width: 98%;
        display: block;
        padding-top: 10px 0;
    }

    .s-component-editor-inner.common-editor .s-component-content p {
        margin: 0.5em 0;
        line-height: 1.4;
    }

    .s-component-editor-inner.common-editor .s-component-content em {
        font-style: italic;
        font-weight: inherit;
    }

    .s-component-editor-inner.common-editor .s-component-content strong {
        font-style: inherit;
    }

    .s-component-editor-inner.common-editor .s-component-content ol {
        margin: 0.5em 0;
        padding: 0 20px;
        list-style-type: decimal;
    }

    .s-component-editor-inner.common-editor .s-component-content ul {
        margin: 0.5em 0;
        padding: 0 20px;
        list-style-type: disc;
    }

    .s-component-editor-inner.common-editor .s-component-content li {
        line-height: 1.4;
    }

    @media only screen and (max-width: 500px) {
        .s-kit-modal-body {
            max-height: 74vh;
            overflow: auto;
        }

        .popups-dialog.s-email-form.modify-the-position .s-kit-modal-content .s-kit-modal-close {
            top: -40px;
            right: 0;
        }

        .s-kit-modal.popups-dialog {
            position: fixed;
            top: 40px;
            left: 0;
            min-width: 100%;
            margin: 0;
        }
    }

    .popups-dialog.s-email-form.modify-the-position .s-kit-modal-content {
        overflow: visible;
    }

    .popups-dialog.s-email-form.modify-the-position .s-kit-modal-close {
        top: 0;
        right: -40px;
        color: rgba(255, 255, 255, 0.75);
    }

    .popups-dialog.s-email-form .s-kit-modal-body {
        padding: 0;
    }

    .popups-dialog.s-email-form .s-kit-modal-content {
        width: 100%;
    }

    .popups-dialog.s-email-form .s-kit-modal-close {
        top: 7px;
        right: 6px;
    }

    .popups-dialog.s-email-form .submit-result-container {
        padding: 40px;
    }

    .popups-dialog.s-email-form .submit-result-container .title {
        margin-bottom: 40px;
        box-sizing: border-box;
        text-align: center;
    }

    .popups-dialog.s-email-form .submit-result-container .s-email-form-button {
        box-sizing: border-box;
        width: 100%;
        padding: 9px 9px;
        font-size: 14px;
        min-height: 36px;
        line-height: 18px;
        letter-spacing: 1.5px;
        text-align: center;
        border-radius: 4px;
        cursor: pointer;
        font-weight: bold;
        text-transform: uppercase;
    }
    </style>
    <style>.product-reviews-dialog .s-kit-modal-content {
        width: 500px;
    }

    .product-reviews-dialog .product-info-panel {
        color: #636972;
        font-size: 14px;
        text-align: center;
    }

    .product-reviews-dialog .product-img {
        width: 60px;
        height: 60px;
        border-radius: 6%;
        margin: 30px auto 20px;
        background-size: cover;
        background-position: center;
    }

    .product-reviews-dialog .product-name {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .product-reviews-dialog .product-variations {
        font-weight: 600;
        margin-bottom: 24px;
    }

    .product-reviews-dialog .product-variations .line {
        height: 12px;
        width: 1px;
        margin: 0 10px;
        margin-right: 10px;
        display: inline-block;
        background-color: #a9aeb2;
    }

    .product-reviews-dialog .product-rate {
        font-weight: 600;
        margin-bottom: 30px;
    }

    .product-reviews-dialog .product-rate .rate-label.error {
        color: #E64751;
    }

    .product-reviews-dialog .product-rate .score-star {
        margin-top: 10px;
        display: inline-block;
    }

    .product-reviews-dialog .product-rate .star-icon {
        cursor: pointer;
        font-size: 30px;
        margin-right: 10px;
        color: #E2E4E7;
    }

    .product-reviews-dialog .product-rate .star-icon.selected {
        color: #F3C735;
    }

    .product-reviews-dialog .product-reviews-form .input-section input {
        width: 100%;
        height: 38px;
    }

    .product-reviews-dialog .product-reviews-form .textarea-section textarea {
        width: 100%;
        resize: none;
        height: 120px;
        margin-top: 20px;
    }

    .product-reviews-dialog .product-reviews-form .textarea-section .count {
        margin-top: 4px;
        font-size: 13px;
        text-align: right;
        color: #a9aeb2;
    }

    .product-reviews-dialog .gdpr-container {
        width: 100%;
        margin-top: 10px;
        text-align: left;
        display: inline-table;
    }

    .product-reviews-dialog .gdpr-container .review-checkbox {
        cursor: pointer;
        margin-right: 6px;
    }

    .product-reviews-dialog .gdpr-container .s-terms-link {
        color: #1bb0e6;
        cursor: pointer;
        display: inline-block;
    }

    .product-reviews-dialog .gdpr-container .gdpr-text {
        text-align: left;
    }

    .product-reviews-dialog .submit-btn {
        width: 100%;
    }

    .product-reviews-dialog .form-field-error {
        color: #E64751;
        margin-top: 6px;
        line-height: 1.2;
        text-align: left;
    }

    .product-review-success-dialog .review-success-panel {
        text-align: center;
    }

    .product-review-success-dialog .review-success-panel .success-icon {
        color: #93b719;
        font-size: 32px;
        margin-top: 40px;
    }

    .product-review-success-dialog .review-success-panel .review-title {
        color: #636972;
        font-size: 18px;
        margin-top: 20px;
        font-weight: bold;
    }

    .product-review-success-dialog .review-success-panel .review-text {
        margin: 10px 0 20px 0;
    }

    .product-review-success-dialog .review-success-panel .back-btn {
        width: 100%;
        display: none;
    }

    .product-review-failure-dialog .s-kit-modal-content {
        width: 470px;
    }

    .product-review-failure-dialog .message-icon {
        width: 40px;
        height: auto;
    }

    .product-review-failure-dialog .review-failure-panel {
        margin-top: 40px;
        text-align: center;
    }

    .product-review-failure-dialog .error-message {
        margin: 14px 0;
    }

    @media screen and (max-width: 500px) {
        .product-review-dialog-wrapper .s-kit-modal-content {
            padding-top: 10vh;
        }

        .product-review-dialog-wrapper .s-kit-modal-content .s-kit-modal-close {
            top: 60px;
        }

        .product-reviews-dialog .s-kit-modal-content,
        .product-review-success-dialog .s-kit-modal-content,
        .product-review-failure-dialog .s-kit-modal-content {
            height: 100vh;
            width: 100vw;
            border-radius: 0;
            box-sizing: border-box;
        }

        .product-reviews-dialog .s-kit-modal-content .s-kit-modal-body,
        .product-review-success-dialog .s-kit-modal-content .s-kit-modal-body,
        .product-review-failure-dialog .s-kit-modal-content .s-kit-modal-body {
            width: 100%;
            box-sizing: border-box;
        }

        .product-review-success-dialog {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .product-review-success-dialog .review-success-panel {
            margin-top: 24vh;
        }

        .product-review-success-dialog .review-success-panel .back-btn {
            display: block;
        }

        .product-review-failure-dialog .review-failure-panel {
            margin-top: 26vh;
        }
    }
    </style>
    <style type="text/css"></style>
</head>
<body class="show  locale-zh-CN" id="user_sites" theme_name="minimal" ontouchstart="" screen_capture_injected="true">
<div class="product-sxl" data-id="11725817" id="s-page-container">
    <div>
        <div id="s-content"
             class="s-variation-black s-font-heading-hei s-font-title-hei s-font-body-hei s-font-button-hei s-font-weight-heading-default s-font-weight-title-default s-font-weight-body-default s-font-weight-button-default"
             lang="zh">
            <div class="social-thumbnail">
                <div style="display: none;"><img src="https://static-assets.sxlcdn.com/images/fb_images/default-sxl.jpg"
                                                 width="300" height="300" alt="thumbnail image"></div>
            </div>
            <div>
                <style id="color-style-tag"></style>
                <style id="font-style-tag">
                    #s-content.s-font-body-hei .s-font-body {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", serif;
                    }

                    #s-content.s-font-body-hei .s-font-body:lang(ja) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", serif
                    }

                    #s-content.s-font-body-hei .s-font-body:lang(zh-cn),
                    #s-content.s-font-body-hei .s-font-body:lang(sxl),
                    #s-content.s-font-body-hei .s-font-body:lang(zh) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", Cardo, STSong, "Songti SC", SimSun, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑, serif
                    }

                    #s-content.s-font-body-hei .s-font-body:lang(zh-tw) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, serif;
                    }

                    #s-content.s-font-title-hei .s-font-title {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", serif;
                    }

                    #s-content.s-font-title-hei .s-font-title:lang(ja) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", serif
                    }

                    #s-content.s-font-title-hei .s-font-title:lang(zh-cn),
                    #s-content.s-font-title-hei .s-font-title:lang(sxl),
                    #s-content.s-font-title-hei .s-font-title:lang(zh) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", Cardo, STSong, "Songti SC", SimSun, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑, serif
                    }

                    #s-content.s-font-title-hei .s-font-title:lang(zh-tw) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, serif;
                    }

                    #s-content.s-font-heading-hei .s-font-heading {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", serif;
                    }

                    #s-content.s-font-heading-hei .s-font-heading:lang(ja) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", serif
                    }

                    #s-content.s-font-heading-hei .s-font-heading:lang(zh-cn),
                    #s-content.s-font-heading-hei .s-font-heading:lang(sxl),
                    #s-content.s-font-heading-hei .s-font-heading:lang(zh) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", Cardo, STSong, "Songti SC", SimSun, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑, serif
                    }

                    #s-content.s-font-heading-hei .s-font-heading:lang(zh-tw) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, serif;
                    }

                    #s-content.s-font-button-hei .s-font-button {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", serif;
                    }

                    #s-content.s-font-button-hei .s-font-button:lang(ja) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", serif
                    }

                    #s-content.s-font-button-hei .s-font-button:lang(zh-cn),
                    #s-content.s-font-button-hei .s-font-button:lang(sxl),
                    #s-content.s-font-button-hei .s-font-button:lang(zh) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", Cardo, STSong, "Songti SC", SimSun, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑, serif
                    }

                    #s-content.s-font-button-hei .s-font-button:lang(zh-tw) {
                        font-family: "Open Sans", "open_sans", "Lucida Grande", "Verdana", "Pingfang SC", "Pingfang TC", "Hiragino Sans GB", "Microsoft YaHei", 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, serif;
                    }
                </style>
            </div>

            <div class="s-navbar-section navigator fake-nav"
                 style="position: relative; opacity: 0; visibility: hidden;">
                <div class="nav-container">
                    <div id="s-fake-nav" class="nav center"></div>
                    <div id="s-original-nav" class="s-fake-original-nav">
                        <ul class="ib items s-nav">
                            <li><a class="s-nav-item s-font-body" href="#_1">用户协议及隐私政策</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="s-navbar-container">
                <div class="navbar-drawer-bar strikingly-nav-transition">
                    <div class="drawer-container"><a class="navbar">
                        <div class="navbar-icons"><span></span><span></span><span></span></div>
                    </a>

                        <div class="mobile-cart-icon" id="s-mobile-shopping-cart-new"></div>
                        <div class="navbar-drawer-title-container"></div>
                    </div>
                </div>
                <div id="navbar-drawer-mask"></div>

                <div class="mobile-actions strikingly-nav-transition" style="height: 172px;">
                    <ul id="mobile-action-list"></ul>
                </div>
            </div>
            <div class="page-wrapper">
                <ul class="slides s-page-1 " style="display: block;">
                    <li class="slide s-section-1 s-first-visible-section "
                        id="section-f_28123b6a-1c87-4e48-b989-7a6dead882cf">
                        <div class="waypoint"></div>
                        <a class="section-anchor"></a>
                        <div>
                            <div class=" lazyloaded s-bg-white s-no-bg s-bg-gray s-new-title-section s-section s-section-full    background-image "
                                 data-react-style="{}">
                                <div class="container" style="z-index: 3;">
                                    <div class="sixteen columns">
                                        <div class="s-title-group s-only-title-group ">
                                            <div class="s-title ">
                                                <div class="s-component s-text">
                                                    <h1 class="">
                                                        <div class="s-component-content s-font-title">
                                                            <h1><p>用户协议及隐私政策</p></h1>
                                                        </div>
                                                    </h1>
                                                </div>
                                            </div>
                                            <div class="s-subtitle">
                                                <div class="s-component s-text">
                                                    <h4 class="">
                                                        <div class="s-component-content s-font-heading">
                                                            <h4><p style="text-align: left;">
                                                                本公司尊重并保护所有用户的个人隐私权。为了给您提供更准确、更有个性化的
                                                                服务，本软件会按照本隐私权政策的规定使用和披露您的个人信息。但本软件将以高
                                                                度的勤勉、审慎义务对待这些信息。除本隐私权政策另有规定外，在未征得您事先许可的情况下
                                                                ，本软件不会将这些信息对外披露或向第三方提供。本软件会不时更新本隐私权政策 。
                                                                您在同意本软件服务使用协议之时，即视为您已经同意本隐私权政策全部内容。本隐私
                                                                权政策属于本软件服务使用协议不可分割的一部分。</p>
                                                                <p style="text-align: left;">&nbsp;</p>
                                                                <p style="text-align: left;">1. 适用范围</p>
                                                                <p style="text-align: left;">a)
                                                                    在您注册本软件帐号时，您根据本软件要求提供的个人注册信息；</p>
                                                                <p style="text-align: left;">b)
                                                                    在您使用本软件网络服务，或访问本软件平台网页时，本软件自动接收并记
                                                                    录的您的浏览器和计算机上的信息，包括但不限于您的IP地址、浏览器的类型、使用的语言、访
                                                                    问日期和时间、软硬件特征信息及您需求的网页记录等数据；</p>
                                                                <p style="text-align: left;">c)
                                                                    本软件通过合法途径从商业伙伴处取得的用户个人数据。</p>
                                                                <p style="text-align: left;">您了解并同意，以下信息不适用本隐私权政策：</p>
                                                                <p style="text-align: left;">a)
                                                                    您在使用本软件平台提供的搜索服务时输入的关键字信息；</p>
                                                                <p style="text-align: left;">b)
                                                                    本软件收集到的您在本软件发布的有关信息数据，包括但不限于参与活动、成交 信息及评价详情；</p>
                                                                <p style="text-align: left;">c)
                                                                    违反法律规定或违反本软件规则行为及本软件已对您采取的措施。</p>
                                                                <p style="text-align: left;">2. 信息使用</p>
                                                                <p style="text-align: left;">a)
                                                                    本软件不会向任何无关第三方提供、出售、出租、分享或交易您的个人信息，除非事先
                                                                    得到您的许可，或该第三方和本软件（含本软件关联公司）单独或共同为您提供服务
                                                                    ，且在该服务结束后，其将被禁止访问包括其以前能够访问的所有这些资料。</p>
                                                                <p style="text-align: left;">b)
                                                                    本软件亦不允许任何第三方以任何手段收集、编辑、出售或者无偿传播您的个人信息。
                                                                    任何本软件平台用户如从事上述活动，一经发现，本软件有权立即终止与该用户的服 务协议。</p>
                                                                <p style="text-align: left;">c)
                                                                    为服务用户的目的，本软件可能通过使用您的个人信息，向您提供您感兴趣的信息，包
                                                                    括但不限于向您发出产品和服务信息，或者与本软件合作伙伴共享信息以便他们向您发送
                                                                    有关其产品和服务的信息（后者需要您的事先同意）。</p>
                                                                <p style="text-align: left;">3. 信息披露
                                                                    在如下情况下，本软件将依据您的个人意愿或法律的规定全部或部分的披露您的个人信息 ：</p>
                                                                <p style="text-align: left;">a) 经您事先同意，向第三方披露；</p>
                                                                <p style="text-align: left;">b)
                                                                    为提供您所要求的产品和服务，而必须和第三方分享您的个人信息；</p>
                                                                <p style="text-align: left;">c)
                                                                    根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；</p>
                                                                <p style="text-align: left;">d)
                                                                    如您出现违反中国有关法律、法规或者本软件服务协议或相关规则的情况，需要向第三 方披露；</p>
                                                                <p style="text-align: left;">e)
                                                                    如您是适格的知识产权投诉人并已提起投诉，应被投诉人要求，向被投诉人披露，以便双方
                                                                    处理可能的权利纠纷；</p>
                                                                <p style="text-align: left;">f)
                                                                    在本软件平台上创建的某一交易中，如交易任何一方履行或部分履行了交易义务并提出
                                                                    信息披露请求的，本软件有权决定向该用户提供其交易对方的联络方式等必要信息，以促
                                                                    成交易的完成或纠纷的解决。</p>
                                                                <p style="text-align: left;">g)
                                                                    其它本软件根据法律、法规或者网站政策认为合适的披露。</p>
                                                                <p style="text-align: left;">4. 信息存储和交换
                                                                    本软件收集的有关您的信息和资料将保存在本软件及（或）其关联公司的服务器上，
                                                                    这些信息和资料可能传送至您所在国家、地区或本软件收集信息和资料所在地的境外并在
                                                                    境外被访问、存储和展示。</p>
                                                                <p style="text-align: left;">5. Cookie的使用</p>
                                                                <p style="text-align: left;">a)
                                                                    在您未拒绝接受cookies的情况下，本软件会在您的计算机上设定或取用cookies
                                                                    ，以便您能登录或使用依赖于cookies的本软件平台服务或功能。本软件使用cookies
                                                                    可为您提供更加周到的个性化服务，包括推广服务。</p>
                                                                <p style="text-align: left;">b) 您有权选择接受或拒绝接受cookies。
                                                                    您可以通过修改浏览器设置的方式拒绝接受cookies。但如果您选择拒绝接受cookies，则您可能
                                                                    无法登录或使用依赖于cookies的本软件网络服务或功能。</p>
                                                                <p style="text-align: left;">c)
                                                                    通过本软件所设cookies所取得的有关信息，将适用本政策。</p>
                                                                <p style="text-align: left;">6. 信息安全</p>
                                                                <p style="text-align: left;">a)
                                                                    本软件帐号均有安全保护功能，请妥善保管您的用户名及密码信息。本软件将通
                                                                    过对用户密码进行加密等安全措施确保您的信息不丢失，不被滥用和变造。尽管有前述安全措施
                                                                    ，但同时也请您注意在信息网络上不存在“完善的安全措施”。</p>
                                                                <p style="text-align: left;">b)
                                                                    在使用本软件网络服务进行网上交易时，您不可避免的要向交易对方或潜在的交易对方
                                                                    披露自己的个人信息，如联络方式或者邮政地址。请您妥善保护自己的个人信息，仅在必要的情
                                                                    形下向他人提供。如您发现自己的个人信息泄密，尤其是本软件用户名及密码发生泄露，
                                                                    请您立即联络本软件客服，以便本软件采取相应措施。</p></h4>
                                                        </div>
                                                    </h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </li>
                </ul>
            </div>
            <div id="strikingly-tooltip-container"></div>
            <div class=" lazyloaded s-bg-gray s-footer-section s-section show-strikingly-logo   background-image "
                 data-react-style="{}">
                <div class="container s-layout-vertical">
                    <div class="columns sixteen ">
                        <div>
                            <div class="s-component s-social-media">
                                <div>
                                    <div class="s-component-content">
                                        <ul class="s-social-media-buttons"></ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="ecommerce-drawer" class="s-category-drawer-wrapper"></div>
            <div id="blog-category-drawer" class="s-category-drawer-wrapper"></div>
            <div class="s-floated-components">
                <div></div>
                <div>
                    <div id="s-ecommerce-shopping-cart-wrapper" class="s-ecommerce-shopping-cart-wrapper no-cart"
                         style="display: block;"></div>
                    <div id="fixedContainer">
                        <div id="fixedLoginContainer" class="fixed-login-container"></div>
                        <div id="fixedMultiLangSwitcher" class="fixed-multi-lang-container"></div>
                    </div>
                </div>
                <div id="s-new-mobile-actions-wrapper" class="">
                    <ul class="s-mobile-actions clearfix s-font-body"></ul>
                </div>
            </div>
            <div class="shipping-wrapper"></div>
            <div></div>
            <div class="social-thumbnail">
                <div id="lw-share-data" style="display: none;">
                    <div class="lws-title">用户协议及隐私政策</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="fb-root"></div>
<div id="app-script-root"></div>
<div id="app-view-root"></div>

<script src="//ajax.sxlcdn.com/ajax/libs/jquery/3.6.0/jquery.min.js" defer="defer"></script>
<!-- removing_gon has activated 100%, so we add not_removing_gon rollout for specific user -->
<script async="" src="/dollars/v1/sites/app-privacy/pages/a7d0444a-a5d1-42e8-8ca4-d5e8155468e9/show.js"
        type="text/javascript"></script>
<!-- *! lazysizes - v5.3.2 */ -->
<script>
    !function (e) {
        var t = function (u, D, f) {
            "use strict";
            var k, H;
            if (function () {
                var e;
                var t = {
                    lazyClass: "lazyload",
                    loadedClass: "lazyloaded",
                    loadingClass: "lazyloading",
                    preloadClass: "lazypreload",
                    errorClass: "lazyerror",
                    autosizesClass: "lazyautosizes",
                    fastLoadedClass: "ls-is-cached",
                    iframeLoadMode: 0,
                    srcAttr: "data-src",
                    srcsetAttr: "data-srcset",
                    sizesAttr: "data-sizes",
                    minSize: 40,
                    customMedia: {},
                    init: true,
                    expFactor: 1.5,
                    hFac: .8,
                    loadMode: 2,
                    loadHidden: true,
                    ricTimeout: 0,
                    throttleDelay: 125
                };
                H = u.lazySizesConfig || u.lazysizesConfig || {};
                for (e in t) {
                    if (!(e in H)) {
                        H[e] = t[e]
                    }
                }
            }(), !D || !D.getElementsByClassName) {
                return {
                    init: function () {
                    }, cfg: H, noSupport: true
                }
            }
            var O = D.documentElement, i = u.HTMLPictureElement, P = "addEventListener", $ = "getAttribute",
                q = u[P].bind(u), I = u.setTimeout, U = u.requestAnimationFrame || I, o = u.requestIdleCallback,
                j = /^picture$/i, r = ["load", "error", "lazyincluded", "_lazyloaded"], a = {},
                G = Array.prototype.forEach, J = function (e, t) {
                    if (!a[t]) {
                        a[t] = new RegExp("(\\s|^)" + t + "(\\s|$)")
                    }
                    return a[t].test(e[$]("class") || "") && a[t]
                }, K = function (e, t) {
                    if (!J(e, t)) {
                        e.setAttribute("class", (e[$]("class") || "").trim() + " " + t)
                    }
                }, Q = function (e, t) {
                    var a;
                    if (a = J(e, t)) {
                        e.setAttribute("class", (e[$]("class") || "").replace(a, " "))
                    }
                }, V = function (t, a, e) {
                    var i = e ? P : "removeEventListener";
                    if (e) {
                        V(t, a)
                    }
                    r.forEach(function (e) {
                        t[i](e, a)
                    })
                }, X = function (e, t, a, i, r) {
                    var n = D.createEvent("Event");
                    if (!a) {
                        a = {}
                    }
                    a.instance = k;
                    n.initEvent(t, !i, !r);
                    n.detail = a;
                    e.dispatchEvent(n);
                    return n
                }, Y = function (e, t) {
                    var a;
                    if (!i && (a = u.picturefill || H.pf)) {
                        if (t && t.src && !e[$]("srcset")) {
                            e.setAttribute("srcset", t.src)
                        }
                        a({reevaluate: true, elements: [e]})
                    } else if (t && t.src) {
                        e.src = t.src
                    }
                }, Z = function (e, t) {
                    return (getComputedStyle(e, null) || {})[t]
                }, s = function (e, t, a) {
                    a = a || e.offsetWidth;
                    while (a < H.minSize && t && !e._lazysizesWidth) {
                        a = t.offsetWidth;
                        t = t.parentNode
                    }
                    return a
                }, ee = function () {
                    var a, i;
                    var t = [];
                    var r = [];
                    var n = t;
                    var s = function () {
                        var e = n;
                        n = t.length ? r : t;
                        a = true;
                        i = false;
                        while (e.length) {
                            e.shift()()
                        }
                        a = false
                    };
                    var e = function (e, t) {
                        if (a && !t) {
                            e.apply(this, arguments)
                        } else {
                            n.push(e);
                            if (!i) {
                                i = true;
                                (D.hidden ? I : U)(s)
                            }
                        }
                    };
                    e._lsFlush = s;
                    return e
                }(), te = function (a, e) {
                    return e ? function () {
                        ee(a)
                    } : function () {
                        var e = this;
                        var t = arguments;
                        ee(function () {
                            a.apply(e, t)
                        })
                    }
                }, ae = function (e) {
                    var a;
                    var i = 0;
                    var r = H.throttleDelay;
                    var n = H.ricTimeout;
                    var t = function () {
                        a = false;
                        i = f.now();
                        e()
                    };
                    var s = o && n > 49 ? function () {
                        o(t, {timeout: n});
                        if (n !== H.ricTimeout) {
                            n = H.ricTimeout
                        }
                    } : te(function () {
                        I(t)
                    }, true);
                    return function (e) {
                        var t;
                        if (e = e === true) {
                            n = 33
                        }
                        if (a) {
                            return
                        }
                        a = true;
                        t = r - (f.now() - i);
                        if (t < 0) {
                            t = 0
                        }
                        if (e || t < 9) {
                            s()
                        } else {
                            I(s, t)
                        }
                    }
                }, ie = function (e) {
                    var t, a;
                    var i = 99;
                    var r = function () {
                        t = null;
                        e()
                    };
                    var n = function () {
                        var e = f.now() - a;
                        if (e < i) {
                            I(n, i - e)
                        } else {
                            (o || r)(r)
                        }
                    };
                    return function () {
                        a = f.now();
                        if (!t) {
                            t = I(n, i)
                        }
                    }
                }, e = function () {
                    var v, m, c, h, e;
                    var y, z, g, p, C, b, A;
                    var n = /^img$/i;
                    var d = /^iframe$/i;
                    var E = "onscroll" in u && !/(gle|ing)bot/.test(navigator.userAgent);
                    var _ = 0;
                    var w = 0;
                    var M = 0;
                    var N = -1;
                    var L = function (e) {
                        M--;
                        if (!e || M < 0 || !e.target) {
                            M = 0
                        }
                    };
                    var x = function (e) {
                        if (A == null) {
                            A = Z(D.body, "visibility") == "hidden"
                        }
                        return A || !(Z(e.parentNode, "visibility") == "hidden" && Z(e, "visibility") == "hidden")
                    };
                    var W = function (e, t) {
                        var a;
                        var i = e;
                        var r = x(e);
                        g -= t;
                        b += t;
                        p -= t;
                        C += t;
                        while (r && (i = i.offsetParent) && i != D.body && i != O) {
                            r = (Z(i, "opacity") || 1) > 0;
                            if (r && Z(i, "overflow") != "visible") {
                                a = i.getBoundingClientRect();
                                r = C > a.left && p < a.right && b > a.top - 1 && g < a.bottom + 1
                            }
                        }
                        return r
                    };
                    var t = function () {
                        var e, t, a, i, r, n, s, o, l, u, f, c;
                        var d = k.elements;
                        if ((h = H.loadMode) && M < 8 && (e = d.length)) {
                            t = 0;
                            N++;
                            for (; t < e; t++) {
                                if (!d[t] || d[t]._lazyRace) {
                                    continue
                                }
                                if (!E || k.prematureUnveil && k.prematureUnveil(d[t])) {
                                    R(d[t]);
                                    continue
                                }
                                if (!(o = d[t][$]("data-expand")) || !(n = o * 1)) {
                                    n = w
                                }
                                if (!u) {
                                    u = !H.expand || H.expand < 1 ? O.clientHeight > 500 && O.clientWidth > 500 ? 500 : 370 : H.expand;
                                    k._defEx = u;
                                    f = u * H.expFactor;
                                    c = H.hFac;
                                    A = null;
                                    if (w < f && M < 1 && N > 2 && h > 2 && !D.hidden) {
                                        w = f;
                                        N = 0
                                    } else if (h > 1 && N > 1 && M < 6) {
                                        w = u
                                    } else {
                                        w = _
                                    }
                                }
                                if (l !== n) {
                                    y = innerWidth + n * c;
                                    z = innerHeight + n;
                                    s = n * -1;
                                    l = n
                                }
                                a = d[t].getBoundingClientRect();
                                if ((b = a.bottom) >= s && (g = a.top) <= z && (C = a.right) >= s * c && (p = a.left) <= y && (b || C || p || g) && (H.loadHidden || x(d[t])) && (m && M < 3 && !o && (h < 3 || N < 4) || W(d[t], n))) {
                                    R(d[t]);
                                    r = true;
                                    if (M > 9) {
                                        break
                                    }
                                } else if (!r && m && !i && M < 4 && N < 4 && h > 2 && (v[0] || H.preloadAfterLoad) && (v[0] || !o && (b || C || p || g || d[t][$](H.sizesAttr) != "auto"))) {
                                    i = v[0] || d[t]
                                }
                            }
                            if (i && !r) {
                                R(i)
                            }
                        }
                    };
                    var a = ae(t);
                    var S = function (e) {
                        var t = e.target;
                        if (t._lazyCache) {
                            delete t._lazyCache;
                            return
                        }
                        L(e);
                        K(t, H.loadedClass);
                        Q(t, H.loadingClass);
                        V(t, B);
                        X(t, "lazyloaded")
                    };
                    var i = te(S);
                    var B = function (e) {
                        i({target: e.target})
                    };
                    var T = function (e, t) {
                        var a = e.getAttribute("data-load-mode") || H.iframeLoadMode;
                        if (a == 0) {
                            e.contentWindow.location.replace(t)
                        } else if (a == 1) {
                            e.src = t
                        }
                    };
                    var F = function (e) {
                        var t;
                        var a = e[$](H.srcsetAttr);
                        if (t = H.customMedia[e[$]("data-media") || e[$]("media")]) {
                            e.setAttribute("media", t)
                        }
                        if (a) {
                            e.setAttribute("srcset", a)
                        }
                    };
                    var s = te(function (t, e, a, i, r) {
                        var n, s, o, l, u, f;
                        if (!(u = X(t, "lazybeforeunveil", e)).defaultPrevented) {
                            if (i) {
                                if (a) {
                                    K(t, H.autosizesClass)
                                } else {
                                    t.setAttribute("sizes", i)
                                }
                            }
                            s = t[$](H.srcsetAttr);
                            n = t[$](H.srcAttr);
                            if (r) {
                                o = t.parentNode;
                                l = o && j.test(o.nodeName || "")
                            }
                            f = e.firesLoad || "src" in t && (s || n || l);
                            u = {target: t};
                            K(t, H.loadingClass);
                            if (f) {
                                clearTimeout(c);
                                c = I(L, 2500);
                                V(t, B, true)
                            }
                            if (l) {
                                G.call(o.getElementsByTagName("source"), F)
                            }
                            if (s) {
                                t.setAttribute("srcset", s)
                            } else if (n && !l) {
                                if (d.test(t.nodeName)) {
                                    T(t, n)
                                } else {
                                    t.src = n
                                }
                            }
                            if (r && (s || l)) {
                                Y(t, {src: n})
                            }
                        }
                        if (t._lazyRace) {
                            delete t._lazyRace
                        }
                        Q(t, H.lazyClass);
                        ee(function () {
                            var e = t.complete && t.naturalWidth > 1;
                            if (!f || e) {
                                if (e) {
                                    K(t, H.fastLoadedClass)
                                }
                                S(u);
                                t._lazyCache = true;
                                I(function () {
                                    if ("_lazyCache" in t) {
                                        delete t._lazyCache
                                    }
                                }, 9)
                            }
                            if (t.loading == "lazy") {
                                M--
                            }
                        }, true)
                    });
                    var R = function (e) {
                        if (e._lazyRace) {
                            return
                        }
                        var t;
                        var a = n.test(e.nodeName);
                        var i = a && (e[$](H.sizesAttr) || e[$]("sizes"));
                        var r = i == "auto";
                        if ((r || !m) && a && (e[$]("src") || e.srcset) && !e.complete && !J(e, H.errorClass) && J(e, H.lazyClass)) {
                            return
                        }
                        t = X(e, "lazyunveilread").detail;
                        if (r) {
                            re.updateElem(e, true, e.offsetWidth)
                        }
                        e._lazyRace = true;
                        M++;
                        s(e, t, r, i, a)
                    };
                    var r = ie(function () {
                        H.loadMode = 3;
                        a()
                    });
                    var o = function () {
                        if (H.loadMode == 3) {
                            H.loadMode = 2
                        }
                        r()
                    };
                    var l = function () {
                        if (m) {
                            return
                        }
                        if (f.now() - e < 999) {
                            I(l, 999);
                            return
                        }
                        m = true;
                        H.loadMode = 3;
                        a();
                        q("scroll", o, true)
                    };
                    return {
                        _: function () {
                            e = f.now();
                            k.elements = D.getElementsByClassName(H.lazyClass);
                            v = D.getElementsByClassName(H.lazyClass + " " + H.preloadClass);
                            q("scroll", a, true);
                            q("resize", a, true);
                            q("pageshow", function (e) {
                                if (e.persisted) {
                                    var t = D.querySelectorAll("." + H.loadingClass);
                                    if (t.length && t.forEach) {
                                        U(function () {
                                            t.forEach(function (e) {
                                                if (e.complete) {
                                                    R(e)
                                                }
                                            })
                                        })
                                    }
                                }
                            });
                            if (u.MutationObserver) {
                                new MutationObserver(a).observe(O, {childList: true, subtree: true, attributes: true})
                            } else {
                                O[P]("DOMNodeInserted", a, true);
                                O[P]("DOMAttrModified", a, true);
                                setInterval(a, 999)
                            }
                            q("hashchange", a, true);
                            ["focus", "mouseover", "click", "load", "transitionend", "animationend"].forEach(function (e) {
                                D[P](e, a, true)
                            });
                            if (/d$|^c/.test(D.readyState)) {
                                l()
                            } else {
                                q("load", l);
                                D[P]("DOMContentLoaded", a);
                                I(l, 2e4)
                            }
                            if (k.elements.length) {
                                t();
                                ee._lsFlush()
                            } else {
                                a()
                            }
                        }, checkElems: a, unveil: R, _aLSL: o
                    }
                }(), re = function () {
                    var a;
                    var n = te(function (e, t, a, i) {
                        var r, n, s;
                        e._lazysizesWidth = i;
                        i += "px";
                        e.setAttribute("sizes", i);
                        if (j.test(t.nodeName || "")) {
                            r = t.getElementsByTagName("source");
                            for (n = 0, s = r.length; n < s; n++) {
                                r[n].setAttribute("sizes", i)
                            }
                        }
                        if (!a.detail.dataAttr) {
                            Y(e, a.detail)
                        }
                    });
                    var i = function (e, t, a) {
                        var i;
                        var r = e.parentNode;
                        if (r) {
                            a = s(e, r, a);
                            i = X(e, "lazybeforesizes", {width: a, dataAttr: !!t});
                            if (!i.defaultPrevented) {
                                a = i.detail.width;
                                if (a && a !== e._lazysizesWidth) {
                                    n(e, r, i, a)
                                }
                            }
                        }
                    };
                    var e = function () {
                        var e;
                        var t = a.length;
                        if (t) {
                            e = 0;
                            for (; e < t; e++) {
                                i(a[e])
                            }
                        }
                    };
                    var t = ie(e);
                    return {
                        _: function () {
                            a = D.getElementsByClassName(H.autosizesClass);
                            q("resize", t)
                        }, checkElems: t, updateElem: i
                    }
                }(), t = function () {
                    if (!t.i && D.getElementsByClassName) {
                        t.i = true;
                        re._();
                        e._()
                    }
                };
            return I(function () {
                H.init && t()
            }), k = {cfg: H, autoSizer: re, loader: e, init: t, uP: Y, aC: K, rC: Q, hC: J, fire: X, gW: s, rAF: ee}
        }(e, e.document, Date);
        e.lazySizes = t, "object" == typeof module && module.exports && (module.exports = t)
    }("undefined" != typeof window ? window : {});
</script>

<script>
    document.addEventListener('lazybeforeunveil', function (e) {
        var bg = e.target.getAttribute('data-bg');
        if (bg) {
            e.target.style.backgroundImage = 'url(' + bg + ')';
            var blurredBg = e.target.getElementsByClassName('blurred-layer')[0];
            if (blurredBg) {
                blurredBg.className += ' loaded'
            }
        }
    });
</script>
<script>
    var _gaq = _gaq || [];

    // Google Analytics (Universal) Setup
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
            m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', '__ga');
</script>

<div id="s-support-widget-container"></div>
<!-- CUSTOM_CODE_START -->
<!-- CUSTOM_CODE_END -->

<script src="https://static-assets.sxlcdn.com/i18n-2ace11ac644d0b40fb8b7cb65e9dd1e553022750e0254118dacbe1fe50735e97.js"
        async="async"></script>
<script>
    window.pingpp = {}
</script>
<script>
    var ssrBodyDom = document.getElementsByTagName("body")[0]
    var csrDelayTime = window.delayTimeOfJsLoading || 0
    var linkBundle = "https://static-assets.sxlcdn.com/webpack/page-site-bundle.b1fba97730cf87ad8897.js"

    function downloadJSAtOnload(link, callback) {
        var element = document.createElement("script");
        element.src = link;
        element.async = true;
        document.body.appendChild(element);
        element.onload = function () {
            callback && callback();
        }
    }

    window.addEventListener('load', function () {
        setTimeout(function () {
            downloadJSAtOnload(linkBundle, function () {
                if (window._) {
                    window._.VERSION = '4.17.21';
                }
                if (window.afterBundleLoadTrack) {
                    afterBundleLoadTrack()
                }
            })
        }, csrDelayTime)
    })
</script>


<!-- Powered by Sxl.cn 4 (1) Jun 14, 2022 at 02:26-->

<script src="https://static-assets.sxlcdn.com/webpack/page-site-bundle.b1fba97730cf87ad8897.js" async=""></script>
</body>
</html>